鴻蒙js開發7 鴻蒙分組列表和彈出menu選單

2022-01-10 07:38:39 字數 2332 閱讀 1591

鴻蒙入門指南,小白速來!從萌新到高手,怎樣快速掌握鴻蒙開發?【課程入口】

目錄:

1.鴻蒙檢視效果

2.js業務資料和事件

3.頁面檢視**

4.跳轉頁面後的檢視層

5.js業務邏輯部分

6.《鴻蒙js開發》系列文章合集

任正非:現在華為必須全面靠自己打造產品,要敢於將鴻蒙推入競爭,星光不問趕路人,時光不負有心人

1.鴻蒙檢視效果

點選menu選單一項,跳轉頁面,底部選單欄和輪播布局和輪播圖

2.js業務資料和事件

import prompt from '@system.prompt';

import router from '@system.router';

export default ,,,]},

,,]},

,,]},

,,]},

,,]},

,,]},]},

clickitem(itemvalue)

);//this.$element("menu").show();

}prompt.showtoast()

},menuselected(e) )

router.push()}}

3.頁面檢視**

}

}

男性員工

女性員工

3.樣式**

.container 

.listview

.groupview

.listitem

.listitemone

.cimg

.tv1

.tv2

4.跳轉頁面後的檢視層

1.鴻蒙

2.蘋果

3.安卓

}}

推薦本地內容}}

}}第二個第三個

第四個第四幅

}

5.js業務邏輯部分

import   fetch  from '@system.fetch';

export default ,

winfo:{},

nextinfo:,

currentdata:0,

title: "",

menus:[,,,

],todolist: [, ,

, ,, ,, ,

, ,, ,, ,, ,, ,

, ,, ,, ]},

oninit()

})},

changemenu(index));}

}

5.樣式**

.pageview

.bottommenu

.menubox

.menutitle

.cimg

.swiperview

.sw1

.sw2

.sw3

.sw4

.swiper1

.swipercontent1

.button

.text

.swiper2

.lineview

.todo-wraper

.todo-item

.todo-title

.tabs

.tab-bar

.tab-text

.tabcontent

.item-content

.item-title

.currentview

.nextview

.leftview

.rightview1

.infot1

.cell

鴻蒙的js開發部模式17 鴻蒙的系統能力的應用模組

目錄 1.通知訊息模組 2.電量資訊模組 3.位置資訊模組 4.螢幕亮度資訊模組 5.裝置資訊模組 6.鴻蒙的js開發模式 系列文章合集 1.鴻蒙的系統能力主要涉及通知訊息模組,在模擬器中也可以實踐和獲取 初始介面 點選傳送通知,頂部出現通知訊息的圖示 下拉通知選單欄,出現通知資訊 js的業務邏輯 ...

鴻蒙系統生態開發分應用和裝置開發

裝置開發 應用開發 以裝置開發和應用開發為基礎的鴻蒙系統構建新裝置,新互動,新服務。1 不同螢幕的顯示 2.不同的互動方式未來未知全新互動 3.多裝置分布式應用的協同 全新的應用分布式框架 1 復用 2.裝置同步共享,一次安裝多裝置分發 3.跨裝置資料共享,任務分布式排程 4.介面多端自適應,控制項...

從微信小程式到鴻蒙js開發 04 list元件

目錄 1 可滾動區域 2 list list item 3 list list item group list item 1 可滾動區域 在許多場景中,頁面會有一塊區域是可滾動的,比如這樣乙個簡單的每日新聞模組 2 list list item 這裡以本地新聞模組為例,資料請求自天行資料介面 上方為...