WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信內網頁開發量身設計，可以令用戶的使用感知更加統一。在微信網頁開發中使用 WeUI，有如下優勢：
![]()
進一步開發：https://mp.weixin.qq.com/wiki/2/ae9782fb42e47ad79eb7b361c2149d16.html#.E6.A6.82.E8.BF.B0
- 同微信客戶端一致的視覺效果，令所有微信用戶都能更容易地使用你的網站
- 便捷獲取快速使用，降低開發和設計成本
- 微信設計團隊精心打造，清晰明確，簡潔大方
使用方法
安裝
方法一：使用bower進行安裝
bower install --save weui
方法二：使用npm進行安裝
npm install --save weui
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>WeUI</title>
<link rel="stylesheet" href="path/to/weui/dist/style/weui.min.css"/>
</head>
<body>
</body>
</html>開發
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
元素類型
Button
按鈕可以使用 a 或者 button 標籤。wap 上要觸發按鈕的 active 態，必須觸發 ontouchstart 事件，可以在
body 上加上 ontouchstart="" 全局觸發。
按鈕常見的操作場景：確定、取消、警示，分別對應 class：weui_btn_primary、weui_btn_default、weui_btn_warn，每種場景都有自己的置灰態
weui_btn_disabled，除此外還有一種鏤空按鈕 weui_btn_plain_xxx，客戶端 webview 裏的按鈕尺寸有兩類，默認寬度100%，小型按鈕寬度自適應，兩邊邊框與文本間距0.75em：
<a href="#" class="weui_btn weui_btn_primary">按鈕</a>
<a href="#" class="weui_btn weui_btn_disabled weui_btn_primary">按鈕</a>
<a href="#" class="weui_btn weui_btn_warn">確認</a>
<a href="#" class="weui_btn weui_btn_disabled weui_btn_warn">確認</a>
<a href="#" class="weui_btn weui_btn_default">按鈕</a>
<a href="#" class="weui_btn weui_btn_disabled weui_btn_default">按鈕</a>
<div class="button_sp_area">
<a href="#" class="weui_btn weui_btn_plain_default">按鈕</a>
<a href="#" class="weui_btn weui_btn_plain_primary">按鈕</a>
<a href="#" class="weui_btn weui_btn_mini weui_btn_primary">按鈕</a>
<a href="#" class="weui_btn weui_btn_mini weui_btn_default">按鈕</a>
</div>進一步開發：https://mp.weixin.qq.com/wiki/2/ae9782fb42e47ad79eb7b361c2149d16.html#.E6.A6.82.E8.BF.B0
