小程序基础样式库-WeUI的安装

来自CloudWiki
Cloud17讨论 | 贡献2021年8月24日 (二) 02:45的版本
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索

初识WeUI

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。

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

WeUI的使用

下载WeUI

https://developers.weixin.qq.com/miniprogram/dev/extended/weui/download.html

下载到本地是个压缩包,解压之后存放在你小程序项目的如下这个位置:

Wexin21082403.png

查看样式效果

用手机扫码二维码查看效果:

Wexin21082402.png

引入样式文件

导入完成之后,在app.wxss中,首行引入weui.wxss

@import './weui-miniprogram/weui-wxss/dist/style/weui.wxss';

这样就算是引用成功了,在需要的页面中使用。