微信网页开发样式库

1-24 2,126 views

前两天,微信公众平台开发文档的更新日志有了新的更新

QQ截图20160410123144

WeUI是什么,一套跟微信客户端的元素相融合的样式库,下面来抽几个看看:

演示主页:

QQ截图20160410123501

 

button:

QQ截图20160410123726

列表项:

QQ截图20160410123915

表单及图片上传:

QQ截图20160410123951

弹窗:

QQ截图20160410124040

底部隐藏菜单:

QQ截图20160410124121

提示信息页:

QQ截图20160410124230

淡入淡出操作提示:

QQ截图20160410124331

 

图标:

QQ截图20160410124211

好有微信的设计风格,经常跟微信页打交道的,如果用得上可以试试。

使用方法:将weui.min.css放在自己网页的样式目录使用,然后在页面需要调用样式的元素赋予演示地址中对应的class即可。

官方演示地址:http://weui.github.io/weui/#/

官方源码github:https://github.com/weui/weui

欢迎留言