MUI框架-06-靜態頁制作(圖片輪播)


MUI框架-06-靜態頁制作(圖片輪播)

輪播組件

  • 之前也介紹過如何查閱官方文檔:http://dev.dcloud.net.cn/mui/ui/#slide
  • 這里需要一個輪播組件,拷貝這段代碼就可以了
  • 【注意】:除了固定欄之外,其它內容都要包裹在.mui-content 中
    在這里插入圖片描述
  • 然后我們放上兩張圖片:
  • 預覽截圖:
  • 這里就是如果你覺得預覽的時候感覺他是 web 瀏覽器,心理不踏實,總害怕真機運行的時候,界面差異很大,那么請看這篇:
    MUI框架-07-HBuilder+夜神安卓模擬器 配置
  • 然后我們就可以使用 模擬器來真機運行我們的 app

自定義樣式

手機端快速調試

  • 蘋果/安卓都可以用,僅限同一局域網內
  • 電腦端 HBuilder web 瀏覽器有一個地址:
  • 我們可以看一下:

http://127.0.0.1:8020/new02/index.html

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

http://10.160.42.153:8020/new/index.html

  • 更新代碼后,刷新一下就可以,超級方便,截圖:

更多文章鏈接:MUI 框架


- 本筆記不允許任何個人和組織轉載


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM