MUI框架-06-靜態頁製做（圖片輪播）

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 瀏覽器有一個地址：
  

• 咱們能夠看一下：

  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 框架

---

• 本筆記不容許任何我的和組織轉載