Weui-wxss

Tencent 官方出品的微信小程序 UI 樣式庫。Vant Weapp 的補充——15+ 組件、貼近微信原生風格、過審極友善。

為什麼用它（補充用）

戶外探險小程序選 Vant Weapp 為主力，但有些情境 Weui-wxss 反而更合適：

• 想要極致微信原生風格（按鈕、Toast 跟微信 App 同 look-and-feel）
• 包大小極度敏感時（Weui 比 Vant 輕，靜態樣式為主）
• 需要過審風險最低的元件（Tencent 官方出品 = 默認安全）

vs Vant Weapp

	Weui-wxss	Vant Weapp
出品	Tencent 官方	有讚
組件數	15+	70+
風格	微信原生 UI 規範	微信生態通用
客製空間	小（盡量原生）	大（CSS 變數豐富）
戶外場景定位	補充用	✅ 主力

詳見 Vant Weapp §vs Weui-wxss。

安裝

npm i weui-wxss -S --production

或直接拉 source 進專案 style/ 引入 .wxss 檔。

反模式

❌ Weui-wxss + Vant Weapp 同主題下大量混用（風格不一致） ❌ 改 Weui source 文件（升級 conflict）

相關概念

強連結

• Vant Weapp — 戶外探險 UI 主力，Weui-wxss 是補充
• 小程序開發 lib 選型 — 為什麼選 Vant 為主、Weui 為輔
• 微信小程序框架選擇 — 整體框架選型

深入閱讀（外部資源）

• 官方文件：https://weui.io/
• GitHub：https://github.com/Tencent/weui-wxss

← 回到 wiki