WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
官网是这么说的。
样式:官网高速
使用
下载
官方git高速:https://github.com/Tencent/weui-wxss
会使用git的你可以使用git去clone到本地,不会的你可以点击 Download ZIP 以压缩包形式下载到本地。
引入
在你 下载(解压) / clone
到本地后,你可能得到了一个文件夹,找到文件夹中的 dist
文件
进入文件找到style文件中的 weui.wxss
打开你的小程序,把 weui.wxss
复制到你小程序的根目录下
然后在app.wxss或者你想单页面使用的wxss中引入这个wxss文件
import './weui.wxss';
使用
先在官网看清你想要使用的样式,在官网的选项中找到这个样式的名字,例如:
我需要在当前页面用到脚注,在weui上,脚注的样式名称为footer
打开dist文件中的example
文件,找到对应我需要的footer
文件夹,
在记事本打开footer.wxml
,把其中的xml结构复制到小程序中,即可生效
(如果本文对您有帮助,不要吝啬您的点赞,如果有不对的地方,也欢迎指出)