WeUI入门:
WeUI 是什么
WeUI 是微信官方设计团队为微信 Web 开发量身打造的一个 UI 样式库，你可以把它理解为一个前端框架，类似于 Bootstrap 的那种。 由于是微信官方出品，所以对微信的兼容性基本没有太大问题，而且各组件的样式和微信一样，能够和微信很好的融合在一起，给用户较好的体验。
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素
如何使用:
//res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css 微信官方
//res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css 微信官方
//cdn.bootcss.com/weui/0.4.3/style/weui.css BootCDN
//cdnjs.cloudflare.com/ajax/libs/weui/0.4.3/style/weui.css cdnjs
WeUI 是一个样式库，核心文件就是 weui.css，如果用于生产环境，建议使用官方提供的 CDN 下载官方最新的 Releases 引入即可，CDN 地址可以在官方 Wiki 中找到，生产环境建议使用压缩后的 weui.min.css 。 来个简单的范例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<link rel="stylesheet" type="text/css" href="css/res.css"/>
</head>
<body>
<a href="javascript" class="weui-btn weui-btn_disabled weui-btn_primary">按钮</a>
</body>
</html>
注意：
- viewport 那个 meta 标签不要忘了加
- body 标签内有个 ontouchstart 属性也不要忘了
这样就搞定了，你可以任意使用各种组件了，关于组件怎么使用，去看官方 Wiki 就好了，或者 F12 去扒官方 Demo 把他们的代码复制过来就行了，就是这么简单粗暴！