微信小程序中weui用法解析
更新時間：2019年10月21日 11:57:49 作者：前端偽大叔
這篇文章主要介紹了微信小程序中weui用法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
前言
在做微信小程序的時候就想著找一個UI庫，方便我們前端開發(fā)，然后查找資料，發(fā)現(xiàn)了這個WeUI特別適合放在微信小程序里。下面就簡單的了解一下。
WeUI是一套跟微信原生的視覺體驗類似的一套樣式庫，由微信官方設(shè)計團(tuán)隊為微信內(nèi)網(wǎng)頁和小程序設(shè)計的，讓用戶視覺更加統(tǒng)一。包含了外賣常用標(biāo)簽的各種元素。
1、git下載，找到dist文件；
https://github.com/wechat-miniprogram/weui-miniprogram
2、把dist文件中的style復(fù)制到根目錄
app.wxss引入這個文件
@import '/style/weui.wxss';
3、dist文件中example目錄復(fù)制到根文件，（里面是設(shè)置相關(guān)的代碼，直接復(fù)制出來使用）
4、app.json把需要引用的文件引到里面
"pages": [ //比如使用button，把他引入 "example/button/button", ]
5、在使用的地方，直接使用就行；代碼可在引入的文件中直接復(fù)制；
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript解析JSON格式數(shù)據(jù)的方法示例
這篇文章主要介紹了JavaScript解析JSON格式數(shù)據(jù)的方法,結(jié)合實例形式分析了JavaScript解析json格式數(shù)據(jù)的常用函數(shù)與使用技巧,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了如何選擇適合你的JavaScript框架，如何選擇一個高效的JS框架經(jīng)驗之談。2017-11-11
JavaScript中判斷整數(shù)的多種方法總結(jié)
這篇文章主要介紹了JavaScript中判斷整數(shù)的多種方法總結(jié),本文總結(jié)了5種判斷整數(shù)的方法,如取余運算符判斷、Math.round、Math.ceil、Math.floor判斷等,需要的朋友可以參考下2014-11-11
這篇文章主要介紹了JavaScript中的依賴注入詳解,本文講解了requirejs/AMD方法、反射(reflection)方法等內(nèi)容,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了對于防止按鈕重復(fù)點擊的嘗試，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要給大家介紹了關(guān)于如何使用原生js寫一個簡單的注冊登錄頁面的相關(guān)資料,文中介紹了一個以js驗證表單的簡潔的注冊登錄頁面,需要的朋友可以參考下2023-06-06
javascript 中關(guān)于array的常用方法詳解
這篇文章主要介紹了javascript 中關(guān)于array的常用方法的相關(guān)資料,需要的朋友可以參考下2017-05-05
這篇文章主要給大家介紹了關(guān)于如何使用JavaScript解析URL的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
新人報道，發(fā)個小技巧(js數(shù)組重復(fù)判斷)
js數(shù)組重復(fù)判斷2008-10-10
上回說到，操作Object Array2010-05-05