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