We UI 的了解

jQuery 曹卷英
文章标签: We UI

(一)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>


还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :