淺談微信小程序之官方UI框架we-ui使用教程
更新時間：2018年08月20日 10:50:35 作者：李俊標
這篇文章主要介紹了淺談微信小程序之官方UI框架we-ui使用教程，WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信內網頁和微信小程序量身設計，感興趣的小伙伴們可以參考一下
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信內網頁和微信小程序量身設計，令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
首先先看一下這套框架的GItHub地址
1.從git上clone到本地
太簡單的東西我就不解釋了,直接講怎么用吧
這是解壓后的目錄
2.新建一個項目
將 dist/style/目錄下的weui.wxss 放到新項目的根目錄下,如下圖所示
3.在app.wxss中引入weui.wxss文件
至此,準備工作就完成了,已經可以使用官方的樣式了
接下來看一下如何查看示例代碼,我們將clone下來的示例代碼導入到微信小程序開發(fā)工具中
導入的目錄是src/example
然后就可以看到示例代碼了
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
onmousewheel event 縮放圖片效果...2006-09-09
這篇文章主要為大家詳細介紹了js實現自定義下拉框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了微信小程序swiper使用網絡圖片不顯示問題解決,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-12-12
身為后臺開發(fā)的各位鐵鐵，實際開發(fā)不管是公司要求或是自身發(fā)展，學前端已經是我們內卷路上必定碰到的，那今天小編就給大家總結下那些我們工作中可能遇到的一些實用Js函數2022-06-06
這篇文章主要介紹了JavaScript 事件入門知識,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細介紹了小程序云函數調用API接口的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
Add a Picture to a Microsoft Word Document
Add a Picture to a Microsoft Word Document...2007-06-06
Iframe自適應高度絕對好使的代碼IE,遨游，火狐都兼容,需要的朋友可以參考下。2011-01-01
這篇文章主要介紹了JS組件庫AlloyTouch實現圖片輪播組件過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了分享兩個手機訪問pc網站自動跳轉手機端網站代碼,需要的朋友可以參考下2015-01-01