Vant Weapp 1.0 正式版發佈

1.0 來了

2018 年 8 月 11 日，咱們發佈了 Vant Weapp 的首個版本。16 個月以來，咱們收到了 27 位開發者貢獻的 1000 屢次提交，也處理了 1200 多個 issue，發佈了 50 多個版本。Github 的 star 數從 5k 上升到了 11k，長期是 Github 上 star 數最多的第三方小程序 UI 組件庫。

如今，咱們很高興向你們介紹 Vant Weapp 1.0 版本。

通過 2 個月的開發與 beta 測試，咱們爲你們帶來了 11 個全新的組件，重構了多個現有組件，增長了覆蓋全部組件的主題定製特性。而且，爲了配合 Vant 家族的發展，正式將包名變動爲 @vant/weapp。

你們能夠掃描下方小程序碼體驗 Vant Weapp 1.0 示例

新版本介紹

新的組件

在 Vant Weapp 1.0 版本中，咱們新增了 11 個實用的基礎組件：

• Grid 宮格，用於展現內容或進行頁面導航
• Image 圖片，加強版的 Image 標籤，支持圖片懶加載與加載失敗提示
• Circle 環形進度條，告知用戶當前的狀態和進度
• Overaly 遮罩層，用於強調特定的頁面元素，並阻止用戶進行其餘操做
• Divider 分割線，區隔內容的分割線
• Sticky 粘性佈局，與 CSS 中position: sticky屬性實現的效果相似
• Skeleton 骨架屏，在待加載區域展現的佔位區塊，提供界面加載過程當中的過渡效果
• IndexBar 索引欄，通信錄中的字母索引欄，用於長列表快速索引
• Uploader 文件上傳，上傳一個或多個文件
• CountDown 倒計時，用於顯示活動倒計時、短信驗證碼等
• DropdownMenu 下拉菜單，用於列表的分類選擇、篩選及排序

樣式定製

在 1.0 迭代計劃肯定之初，咱們就不斷思考這樣一個問題 -- 該如何給用戶提供動態切換主題樣式的功能呢？

微信小程序的環境是很是特殊的。不具備動態加載代碼的機制，同時微信又限制了代碼的主包大小和總大小。傳統的基於預設的樣式定製過於臃腫，再也不適合微信小程序的環境。

微信小程序自定義組件的組件模型至關於一個簡化版的 Shadow DOM，幸運的是，小程序也支持了 CSS自定義屬性 的特性。最終，咱們基於CSS自定義屬性設計了樣式定製的方案，開發者使用靈活、方便，組件維護也更簡單。

從 1.0 版本開始，Vant Weapp 中的全部組件都支持經過 CSS組定義屬性 進行樣式定製，具體使用姿式可查看相關文檔

不兼容更新

1.0 版本中包含少許不兼容更新，主要是命名調整和移除個別屬性。對於正在使用 0.x 版本的項目，請按照更新日誌依次檢查，大部分項目能夠無痛升級。

將來

Vant Weapp 會積極探索與騰訊雲開發結合的可能性，爲你們帶來更好的使用體驗。不久，咱們將再次與你們見面。

最後

感謝社區長期以來爲 Vant Weapp 提供的貢獻與反饋，讓咱們始終與開發者站在一塊兒。若是您在使用 Vant Weapp 的過程當中遇到任何問題，歡迎在 Github 向咱們反饋。

---

Vant Weapp 1.0 的主要貢獻者爲(按首字母排序)：@Andyliwr @aphasic @chenjiahan @creeperdance @Eamonnzhang @Fyerl  @JakeLaoyu @jerryni @kongyeah @Lindysen @linrz @rex-zsd @thoamsy @ylethe 。

歡迎關注「有贊coder」公衆號！