Vant AliappダウンロードVant Aliappソースコードのダウンロード

ダウンロード

注：倉庫が閉鎖されました

他の代替品を探している場合は、公式の公式ANTDアプレットバージョンを使用することをお勧めします

Vant Aliappは、VantのMobile VueコンポーネントライブラリのAlipayアプレットバージョンです。 2つは同じ視覚仕様に基づいており、開発者がアプレットアプリケーションを迅速に構築できるように、一貫したAPIインターフェイスを提供します。

Vant Aliappは、Vant-Weapp変換に基づいてAntmoveアプレットコンバーターを介して取得され、互換性のある適応調整を少量にしました。

Alipayは、以下のMiniプログラムのQRコードをスキャンして、コンポーネントライブラリの例を体験してください。

Vant Aliappの使用を開始する前に、Alipayアプレットのカスタムコンポーネントの関連ドキュメントを読む必要があります。

npm i vant-aliapp -S --production

yarn add vant-aliapp --production

NPMは例（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 >

このプロジェクトをローカルにダウンロードし、Alipay IDEを使用してalipay/vant-appを開き、依存関係をインストールしてからプレビューします。

プレビューするときは、プロジェクトの詳細設定でcomponent2コンパイルを有効にしてください。詳細については、Alipayアプレットのカスタムコンポーネントの紹介を参照してください。

Vant-Aliappコンポーネントライブラリをプロジェクトに導入し、ランタイム 'Identifi（引数）がSJSのエラーで無効になっている場合、IDEインターフェイスの詳細をキャンセルできます>基本ライブラリ2.0ビルドのチェックマークを有効にすることができます
Vantのチェックボックス、崩壊、ドロップダウンメニュー、グッズアクション、グリッド、ラジオ、タブ、タブバー、インデックスバー、サイドバー、およびAlipayのその他のコンポーネントを使用するためのソリューションは、次の手順に従ってください。
1. NPM Antmoveコマンドラインツールをダウンロードします
npmインストールantmove -g
1. プロジェクトルートディレクトリでは、Alipay-Compilerを使用してプロジェクトを変換します
antmove -t alipay -compiler
1. 変換されたAlipay Miniプログラムは、上記のコンポーネントをサポートできます
コンポーネントを導入し、レンダリングが失敗したことがわかった場合、例の例を参照して模倣できます。ご質問がある場合は、以下のディンディングQRコードをスキャンしてお問い合わせください