(一)We UI 是什么?
WeUI 是微信 Web 开发量身打造的一个 UI 样式库,你可以把它理解为一个前端框架,类似于 Bootstrap 的那种。 由于是微信官方出品,所以对微信的兼容性基本没有太大问题,而且各组件的样式和微信一样,能够和微信很好的融合在一起,给用户较好的体验。
(二)We UI 的安装和引用?
推荐使用如下:
微信官方://res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css
其中,1.0.0是目前 WeUI 最新的版本号,代码命名有较大的改变,因此保留0.4.2的CDN。
以上链接,均支持 http 和 https 协议,均包含未压缩版weui.css 和压缩版weui.min.css ,生产环境建议使用压缩后的weui.min.css。
(三)WeUI的基本结构?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>基本结构</title>
<!--引入 WeUI-->
<link rel="stylesheet" type="text/css" href="css/weui.min.css"/>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
</head>
<body>
<!--使用-->
<a href="javascript:;" class="weui-btn weui-btn_primary">绿色按钮</a>
</body>
</html>