WeUI

https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/weui/

https://weui.io/

weui 文档: https://wechat-miniprogram.github.io/weui/docs/

github: https://github.com/wechat-miniprogram/weui-miniprogram

在微信小程序开发中,经常后悔遇到多人协作开发的情况,不同开发者的风格不同,很难做到风格统一。
微信官方设计团队为微信移动 Web 开发量身设计了一套与微信原生视觉体验一致的组件库 - WeUI,该组件库可以让用户的使用感知更加统一

在微信小程序中引入 WeUI 组件库有两种方式,下面分别进行介绍。

(1) 通过 useExtendedLib 扩展库引入 WeUI 组件库

app.json 文件中的 useExtendedLib 配置项用于添加扩展库,通过这种方式引入的组件将不会计入代码包大小。
在 app.json 文件中添加配置,示例代码如下:

1
2
3
"useExtendedLib": {
    "weui": true
}

添加上述代码后,即可在页面中使用 WeUI 组件库