如何在微信小程序里 打开和查看WeUI库

百度经验地址： https://jingyan.baidu.com/article/3d69c55122db57f0cf02d732.html

WeUIi在微信小程序中的演示

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素

工具/原料

• WeUI

• 微信小程序

方法/步骤

1. 访问WeUI的官方页面

   https://github.com/Tencent/weui

    

2. 找到专为小程序设计的WeUI

    

3. 下载WeUI for 微信小程序source code

    

    

4. 下载下来后解压缩到磁盘中

    

5. 打开微信小程序开发者工具

    

6. 选择小程序项目

   项目目录的部分,必须要选择dist目录(不是整个项目) 这里要注意

   AppID同样也不能少

    

7. 设定完成后点确定

    

8. 确定后,就会打开WeUI的范例程式

    

9. 接下来就可以根据WeUI的使用规范来学习了

   看一下它的样式和语法是如何写的