为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。
# d" V' ~4 X5 z d
% t5 T Q+ Y0 N3 A) g" N+ u该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dialog (对话框)等网页常用的各式元素,并已在 GitHub 上开源。
+ ?9 ]! I2 z5 n+ Y# I0 x
) M) x2 I8 H1 F4 s
0 R! t2 r; w4 S- Z+ S/ ]
. ~ _2 m, h- g! S6 `# ]7 l( y. s. \开发者只需三步,就能在自己的网页上轻松实现按钮、浮层提示等功能:
" Q% I1 ]( U1 O1 X/ c8 C/ [1. 根据文档说明,下载 WeUI 库。
# g. k4 Q5 J5 g2 U) L2. 在页面中引入 weui.min.css 文件。# a0 I3 L" G* {1 S! E; a
3. 从官方 demo 中拷贝需要的功能组件代码到自己页面即可。 |