WeUI插件使用

概述

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

安装

方式一:

link 引入weui.css文件

例如，进入了该链接页面：https://weui.io/#input，然后右键查看源码，在源码中有这样一行：

<link rel="stylesheet" href="./weui.css"/>
上面的href可直接点击进入weui.css中，全选复制粘贴即可。（注：尝试了菜鸟上提供的链接，发现不太好用，只有这个好用）

方法二：

使用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。

接下来就是Ctrl+C   Ctrl+V   没那么难!

制作一个提交页面  效果图如下:

  

直接找到https://weui.io/#input  页面,右击查看网页源代码,如下图:

这样就大功告成了! 在微信公众号开发和小程序开发方便使用  ^o^   ^o^

总结: 现在做程序呐 压力没那么大

         粘粘复制 能跑就行 能有什么压力 

         实在不行 删库跑路 也挺省心