2023.07.31 | admin | 128次围观
WeUI
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
WeUI的官方演示地址是:
WeUI的官方GitHub地址是:
WeUI最初是为HTML5的页面设计的样式库,现在微信小程序使用的样式机制也是css风格的样式机制(不过稍稍有些不一样的地方),WeUI理所当然的推出了WXSS版本。
它的GitHub地址是:
我们可以直接去Github上下载它的代码,也可以通过npm来方便的获取:
npm install weui-wxss
下载下来的代码中微信小程序怎么用weui,包含了weui的源代码微信小程序怎么用weui,以及一个基于weui的示例小程序:
示例小程序
里面包含了丰富的使用weui的示例代码,可以很好的学习weui提供的各个样式的使用。
我们可以通过微信web开发者工具来打开这个示例代码:
button样式
你的小程序主要是通过在你的app.wxss中导入weui.wxss来导入WeUI的样式的:
@import "style/weui.wxss";
之后,就可以在小程序的各个地方使用WeUI中定义的样式了。
这个小程序带了一个比较简单的Node.js做的Server端(仍然用Sails.js),提供了一些REST API供小程序客户端调用。
小程序页面:
视频讲解:
版权声明
本文仅代表作者观点。
本文系作者授权发表,未经许可,不得转载。
发表评论