微信小程序集成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>
上一篇 provider.BouncyCastleProvider库导入用于算法和生成证书
下一篇 微信小程序居中布局
目录
文章列表
1 Android NDK引用Lame动态链接库
Android NDK引用Lame动态链接库
2
Vuex核心概念解析State Getters Mutations Actions
Vuex核心概念解析State Getters Mutations Actions
3
Android测试(5):Instrumented单元测试
Android测试(5):Instrumented单元测试
4
CentOS下Zabbix Server部署记录
CentOS下Zabbix Server部署记录
5
Python Web框架Django模板标签
Python Web框架Django模板标签
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。