Vant Aliapp下載 - Vant Aliapp源代碼下載

下載

注意：該倉庫已停止維護

如果尋找其它的替代方案，建議使用官方提供的antD小程序版

Vant Aliapp 是移動端Vue 組件庫Vant 的支付寶小程序版本，兩者基於相同的視覺規範，提供一致的API 接口，助力開發者快速搭建小程序應用。

Vant Aliapp 通過Antmove 小程序轉換器基於Vant-Weapp 轉換得到，並做了少量的兼容適配調整。

支付寶掃描下方小程序二維碼，體驗組件庫示例：

在開始使用Vant Aliapp 之前，你需要先閱讀支付寶小程序自定義組件的相關文檔。

npm i vant-aliapp -S --production

yarn add vant-aliapp --production

npm 使用example（vant-alipay-area）。

直接通過git 下載Vant Aliapp 源代碼，並將alipay/npm目錄拷貝到自己的項目中

git clone https://github.com/ant-move/Vant-Aliapp.git

在app.js 中加入下列代碼

 import 'vant-aliapp/dist/__antmove/component/componentClass.js'

以按鈕組件為例，只需要在json 文件中引入按鈕對應的自定義組件即可

{
  "usingComponents" : {
    "van-button" : " /path/to/vant-app/dist/button/index "
  }
}

npm 地址： vant-aliapp/dist/dist/button/index

接著就可以在axml 中直接使用組件

 < van-button type =" primary " >按钮</ van-button >

下載本項目到本地，使用支付寶IDE 打開alipay/vant-app , 安裝依賴，即可預覽。

預覽時請在項目詳情設置中開啟component2編譯，詳情可參考支付寶小程序自定義組件使用介紹。

當你項目中引入Vant-aliapp組件庫，運行時報'identifi(arguments) is disallowed in sjs'錯誤時, 可以取消IDE界面詳情> 啟用基礎庫2.0構建的勾選來解決
支付寶上使用vant的checkbox、collapse、dropdown-menu、goods-action、grid、radio、tab、tabbar、index-bar、sidebar等組件的解決方法，按以下步驟進行：
1. npm下載Antmove命令行工具
npm install antmove -g
1. 在你的項目根目錄下，使用alipay-compiler 對項目進行轉換
antmove -t alipay-compiler
1. 轉換後的支付寶小程序即可支持以上組件
如引入某個組件發現渲染失敗時，可以參照示例中的例子仿寫，如還有疑問可以掃描下方釘釘二維碼聯繫我們