IT培训网

WeUI 发布——微信官方UI库，作为微信的一种开发组建，如果可以合理的使用WeUI，对营销人员无疑不是一件乐事！

那么什么是WeUI呢，该如何理解呢？

WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

最近闲来无事，团队的几个小伙子把微信里面web app的UI，按照设计规范给梳理了一遍，并将之开源了出来。

主要是希望给到第三方开发者一些UI和前端编码方面的指引和参考。目前已加入以下组件：

button

cell

dialog

toast

article

icon

使用方法：

安装

方法一：

使用bower进行安装

bower install --save weui

方法二：

使用npm进行安装

npm install --save weui

开发

git clone https://github.com/weui/weui.git

cd weui

npm install -g gulp

npm install

gulp -ws

运行gulp -ws命令，会监听src目录下所有文件的变更，并且默认会在8080端口启动服务器，然后在浏览器打开 http://localhost:8080/example。