微信小程序 wepy框架與iview-weapp的用法詳解
最近在弄wepy的時(shí)候在想有沒有什么ui比較合適一點(diǎn)的wepy的,也是在網(wǎng)上看了好久發(fā)現(xiàn)iview還不錯(cuò)。引用簡單,上手超快,組件絢麗!當(dāng)然,這里還介紹下微信官方建議的框架也是和不錯(cuò)的,有需要的可以看看(https://github.com/Tencent/weui-wxss),這里主要做view-weapp的介紹
小程序相關(guān)項(xiàng)目
1.wepy項(xiàng)目 https://github.com/Tencent/wepy
2.iview-weapp https://weapp.iviewui.com/
3.官網(wǎng)API https://developers.weixin.qq.com/miniprogram/dev/api/
使用:
1.在新建項(xiàng)目、安裝依賴完成的前提下,請繼續(xù)操作。
2.到iview-weapp官網(wǎng)下載官方代碼,保存到任意目錄(備用)。
3.到你當(dāng)前項(xiàng)目的src目錄下新建view文件夾(例:myproject/src/view)
4.解壓下載的官方,打開iview-weapp/src 目錄 復(fù)制里面的所有文件夾到 myproject/src/view
5.在頁面的 config 配置項(xiàng)里引用 src 里面的組件,用法:如圖
6.在template里引用組件
總結(jié)
以上所述是小編給大家介紹的微信小程序 wepy框架與iview-weapp的用法,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧!
相關(guān)文章
查找頁面中所有類為test的結(jié)點(diǎn)的方法
這篇文章主要介紹了查找頁面中所有類為test結(jié)點(diǎn)的方法,需要的朋友可以參考下2014-03-03通過繼承IHttpHandle實(shí)現(xiàn)JS插件的組織與管理
最近,項(xiàng)目中的用到的Js插件越來越多,有的是用原生javascript寫的,有的是調(diào)用的jquery插件,頁面上Js和Css文件的引用也越來越混亂,而且Js文件之間還有引用先后的依賴關(guān)系2010-07-07微信小程序tab切換可滑動(dòng)切換導(dǎo)航欄跟隨滾動(dòng)實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序tab切換可滑動(dòng)切換導(dǎo)航欄跟隨滾動(dòng)實(shí)現(xiàn)代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09javascript 數(shù)組排序函數(shù)sort和reverse使用介紹
reverse方法將一個(gè)Array對象中的元素位置進(jìn)行反轉(zhuǎn),sort方法返回一個(gè)元素已經(jīng)進(jìn)行了排序的 Array 對象,下面為大家介紹下2013-11-11用javascript對一個(gè)json數(shù)組深度賦值示例
本節(jié)主要介紹了用javascript對一個(gè)json數(shù)組深度賦值的具體實(shí)現(xiàn),需要的朋友可以參考下2014-07-07如何實(shí)現(xiàn)移動(dòng)端瀏覽器不顯示 pc 端的廣告
隨著移動(dòng)網(wǎng)絡(luò)的發(fā)展,越來越多的人使用手機(jī)等移動(dòng)端瀏覽網(wǎng)頁辦公,那么如果在手機(jī)打開頁面的時(shí)候顯示大大的聯(lián)盟廣告,用戶體驗(yàn)度會(huì)非常差,經(jīng)過一番研究,用下面的方法實(shí)現(xiàn)了移動(dòng)端瀏覽器不顯示PC端廣告。2015-10-10