因為Wepy 中不能直接引入zanUI組件, 好在還有百度, 參考鏈接 https://github.com/brucx/wepy-zanui-demo (感謝);
我的做法是將 源碼下了下來, 源碼中將zanUI組件 用Wepy的文件類型 寫了出來 , 然后在項目中需要用到的那個,再添加進來,加以應用;
步驟截圖
1: 在src下創建文件夾, 存放zanUI的樣式文件, helper.scss 與 common.scss 基礎樣式, 接着看自己用到什么,就引入什么, 比如要用 icon圖標, 就加入icon.scss樣式.
2: 入口處 app.wpy引入zanUI樣式文件, 注意 引入時結尾是 .wxss ;
在helper樣式文件中 引入其余的zanUI樣式
使用icon圖標 (使用按鈕樣式也是一樣的過程)
3: 使用zanUI組件中的布局; 比如使用 zan-tab, 在src的components文件下 創建單獨文件夾, 存放tabBar布局;
效果圖 zan-tab
在頁面中使用時 import導入 ,
WePy使用組件的方法參考官方文檔吧 https://tencent.github.io/wepy/document.html#/?id=%e6%99%ae%e9%80%9a%e7%bb%84%e4%bb%b6%e5%bc%95%e7%94%a8
新手小白, 剛踏上前端路沒多久, 文章寫的不對的地方 多多指教,