用微信开发者工具--打开微信小程序weui组件示例

浏览器搜索 :https://github.com/Tencent/weui-wxss/

1.下载为小程序设计的weui组件,

2.在开发者工具中打开dist目录,而不是整个目录, 在开发者工具中就可以预览weui组件的示例了。

如果想在自己项目中引用weui组件,需要如下步骤:

1. 打开weui-wxss-master目录 --> dist目录 --> style目录 -->找到 weui.wxss文件,(或者是 weui-wxss-master目录--> src目录 -->style目录-->找到weui.wxss文件)

2.把 weui.wxss文件复制到自己的根目录下,

3.在开发者工具中,打开app.wxss文件,引入weui.wxss,(在app.wxss文件头部写上代码 :@import 'weui.wxss';),引入组件就完成了。

在自己的项目中就可以使用weui组件了。

(引用结果,如下图)

附(百度经验) https://jingyan.baidu.com/article/d45ad1485dc09469542b804d.html

猜你喜欢

转载自blog.csdn.net/yijiupingfan0914/article/details/82995824