WePy--使用zanUI組件

　　由於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

 　　　　　　

　　　　新手小白, 剛踏上前端路沒多久, 文章寫的不對的地方 多多指教,