为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。
* ^6 V# e: u) q$ n! K, `
1 K) O( Z+ L& e3 m0 L该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dialog (对话框)等网页常用的各式元素,并已在 GitHub 上开源。# E6 S! O7 ^% t0 m; C
6 Q3 h0 e* R/ ^9 C' [% l- d! X9 o$ y
! I+ h( j; D, P; G$ u+ b0 h' M
8 x8 I% ~. J3 r6 a- O( {9 S开发者只需三步,就能在自己的网页上轻松实现按钮、浮层提示等功能:8 i/ x4 D- S' Z
1. 根据文档说明,下载 WeUI 库。. \7 r& Y' Y6 ~$ ~8 O3 c1 n9 y
2. 在页面中引入 weui.min.css 文件。
4 y. d" X, }' `3. 从官方 demo 中拷贝需要的功能组件代码到自己页面即可。 |