概述
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^
总结: 现在做程序呐 压力没那么大
粘粘复制 能跑就行 能有什么压力
实在不行 删库跑路 也挺省心