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