为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。
* K# c+ u4 N; `& ]3 j* b$ K4 F2 G+ ]7 W
该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dialog (对话框)等网页常用的各式元素,并已在 GitHub 上开源。
2 E% \, k) ~8 |' K$ }$ a+ D% z' m
; Y, M. |) V! L4 L5 h' [2 L2 Y
% X% H& Z5 h% O3 N7 m3 E9 _/ G7 ]0 Z
开发者只需三步,就能在自己的网页上轻松实现按钮、浮层提示等功能:
, ^( C3 y: J% j% U3 d- L# i+ S5 `1. 根据文档说明,下载 WeUI 库。 ~8 u3 K5 r0 p, T* f
2. 在页面中引入 weui.min.css 文件。
; b0 R0 \9 h U0 r- e) L3. 从官方 demo 中拷贝需要的功能组件代码到自己页面即可。 |