WeUI for 小程序–使用教程

weUI 是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫(kù)，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信 Web 開發(fā)量身設(shè)計(jì)，可以令用戶的使用感知更加統(tǒng)一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

預(yù)覽

用微信web開發(fā)者工具打開dist目錄（請(qǐng)注意，是dist目錄，不是整個(gè)項(xiàng)目）

這里寫圖片描述

項(xiàng)目地址

https://github.com/weui/weui-wxss/

如何使用

1、下載程序代碼，解壓后可以看到如下目錄：

這里寫圖片描述

2、我們只需要將weui-wxss-master\dist\style\weui.wxss文件導(dǎo)入到小程序項(xiàng)目的根目錄下：

這里寫圖片描述

3、新建微信小程序項(xiàng)目，將weui.wxss文件導(dǎo)入到小程序項(xiàng)目的根目錄下：

這里寫圖片描述

4、在項(xiàng)目中引用：在app.wxss中加入weui.wxss的引用- @import ‘weui.wxss’;

這里寫圖片描述

5、在項(xiàng)目中使用weui的樣式：

可以按照下載代碼中的實(shí)例使用了

這里寫圖片描述

---------------------

作者：程諾

來源：CSDN

原文：https://blog.csdn.net/chq1988/article/details/73549027

版權(quán)聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請(qǐng)附上博文鏈接！