微信小程序集成WeUI

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

项目地址:https://github.com/weui/weui-wxss/

预览

用微信web开发者工具打开dist目录(请注意,是dist目录,不是整个项目)

引用

只需要将weui-wxss-master\dist\style\weui.wxss文件导入到小程序项目的根目录下

在app.wxss中加入weui.wxss的引用

@import ‘weui.wxss’;

使用

<button class="weui-btn" type="primary">按钮</button>
<button class="weui-btn" type="primary" disabled="true">按钮(禁用)</button>

版权声明:
作者:Joe.Ye
链接:https://www.appblog.cn/index.php/2023/03/25/wechat-mini-program-integrate-weui/
来源:APP全栈技术分享
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
海报
微信小程序集成WeUI
WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 prog……
<<上一篇
下一篇>>
文章目录
关闭
目 录