官方微信下载

微信WeUI设计规范文件下载及使用方法

WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信Web开发量身

设计，可以令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、

actionsheet、icon等各式元素。

预览及说明

预览地址：/weui/

详细说明：从微信WeUI设计规范，解读移动界面设计

视觉标准

WeUI-Sketch

下载及使用

1、微信关注“起点学院”服务号（扫描二维码立即关注）；

2、回复关键词“微信设计规范”至【起点学院】服务号后台即可获取下载地址。

下载后，只需要在页面中引入dist/style/或者dist/style/其中之一即可。例如:

开发

gitclone/weui/

cdweui

npminstall-ggulp

npminstall

npmstart

运行npmstart命令，会监听src目录下所有文件的变更，并且默认会在8080端口启动服务器，然后

在浏览器打开http://localhost:8080/example。

第三方扩展

lihongxun945/jquery-weui

kevyu/weui-sass

Eric-Guo/weui-rails(Usingkevyu/weui-sass)

n7best/react-weui

aidenzou/vue-weui

adcentury/vue-weui

ZTfer/weui-sketch

i5ting/weui-practice

airyland/vux

文档

WeUI说明文档参考Wiki

License

TheMITLicense(/licenses/MIT)请自由地享受和参与开源

原文地址：/weui/weui

人人都是产品经理（）中国最大最活跃的产品经理学习、交流、分享平台