当前位置 : IT培训网 > Web前端 > Web培训 > 什么是WeUI 对微信web服务有什么帮助

什么是WeUI 对微信web服务有什么帮助

时间:2017-07-18 16:53:16  来源:web前端培训网  作者:IT培训网  已有:名学员访问该课程
标签(Tag):   什么是WeUI(1)weui(4)
WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

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。

顶一下
(0)
0%
踩一下
(0)
0%

IT培训0元试听 每期开班座位有限.0元试听抢座开始! IT培训0元试听

  • 姓名 : *
  • 电话 : *
  • QQ : *
  • 留言 :
  • 验证码 : 看不清?点击更换请输入正确的验证码

在线咨询在线咨询

温馨提示 : 请保持手机畅通,咨询老师为您
提供专属一对一报名服务。

------分隔线----------------------------
------分隔线----------------------------

推荐内容

相关热点