MUI框架-06-靜態頁制作(圖片輪播)
- 輪播也是靜態,是相對頁面交互來說
- 上一篇介紹了如何設計一個簡單的界面,還沒有接觸過,請先查看:
- MUI框架-01-介紹-創建項目-簡單頁面
輪播組件
- 之前也介紹過如何查閱官方文檔:http://dev.dcloud.net.cn/mui/ui/#slide
- 這里需要一個輪播組件,拷貝這段代碼就可以了
- 【注意】:除了固定欄之外,其它內容都要包裹在.mui-content 中

- 然后我們放上兩張圖片:
- 預覽截圖:

- 這里就是如果你覺得預覽的時候感覺他是 web 瀏覽器,心理不踏實,總害怕真機運行的時候,界面差異很大,那么請看這篇:
MUI框架-07-HBuilder+夜神安卓模擬器 配置 - 然后我們就可以使用 模擬器來真機運行我們的 app
自定義樣式
- 修改默認的樣式,請參考:
- MUI框架-05-用MUI做簡單App界面
- 靜態頁面就到這里了,后面繼續學習
手機端快速調試
- 蘋果/安卓都可以用,僅限同一局域網內
- 電腦端 HBuilder web 瀏覽器有一個地址:

- 我們可以看一下:
- 這里的 ip 是127.0.0.1,也就是相當於 localhost 本機的意思
- 我們打它換成 電腦的 ip v4 地址,就可以在局域網內同時訪問了
- 怎么查看 ip v4 地址?
- 打開 cmd 輸入 ipconfig
- 【注意】這里可能有好幾個 ipv4 地址;
- 一般的用 wifi 連外網 就找無線局域網適配器的
- 如果是以太網,可能會有一個 PPP 適配器,選這個

- 大不了都試一試嘛,
- 例如我的就是這樣的,直接把鏈接發給手機就可以
- 更新代碼后,刷新一下就可以,超級方便,截圖:

更多文章鏈接:MUI 框架
- 本筆記不允許任何個人和組織轉載
