Vant Aliapp

Catatan: Gudang telah ditutup

Jika Anda mencari alternatif lain, disarankan untuk menggunakan versi applet antd resmi yang disediakan oleh pejabat

---

Perpustakaan komponen applet ui applet ringan dan andal

memperkenalkan

Vant AliApp adalah versi applet Alipay dari perpustakaan komponen Vant's Mobile Vue. Keduanya didasarkan pada spesifikasi visual yang sama dan menyediakan antarmuka API yang konsisten untuk membantu pengembang dengan cepat membangun aplikasi applet.

Vant AliApp diperoleh melalui konverter applet antmove berdasarkan konversi vant-weapp dan telah membuat sedikit penyesuaian adaptasi yang kompatibel.

Pratinjau

Alipay memindai kode QR program mini di bawah ini untuk mengalami contoh pustaka komponen:

Sebelum menggunakan

Sebelum Anda mulai menggunakan Vant AliApp, Anda perlu membaca dokumentasi yang relevan untuk komponen khusus applet Alipay.

NPM

• Alipay
• Paku

Memasang

Instal dan gunakan melalui NPM (disarankan)

• Instal melalui NPM

npm i vant-aliapp -S --production

• Instal melalui benang

yarn add vant-aliapp --production

NPM menggunakan contoh (vant-alipay-area).

Unduh kode untuk digunakan

Unduh kode sumber Vant AliApp secara langsung melalui GIT dan salin direktori alipay/npm ke proyek Anda sendiri

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

Komponen penggunaan

Tambahkan kode berikut ke app.js

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

Mengambil komponen tombol sebagai contoh, Anda hanya perlu memperkenalkan komponen khusus yang sesuai dengan tombol dalam file JSON.

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

Alamat NPM: vant-aliapp/dist/dist/button/index

Maka Anda dapat menggunakan komponen secara langsung di AXML

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

Pratinjau dalam Alat Pengembang

Unduh proyek ini secara lokal, gunakan IDE ALIPAY untuk membuka alipay/vant-app , instal dependensi, dan kemudian pratinjau.

Saat pratinjau, harap aktifkan kompilasi component2 di pengaturan Detail Proyek. Untuk detailnya, silakan merujuk ke Pengantar Komponen Kustom dari Applet Alipay.

Hal -hal yang perlu diperhatikan

• Saat Anda memperkenalkan pustaka komponen Vant-AliApp ke dalam proyek Anda dan runtime 'Identifi (argumen) dinonaktifkan dalam kesalahan SJS, Anda dapat membatalkan detail antarmuka IDE> Aktifkan tanda centang untuk Basic Library 2.0 Build untuk menyelesaikannya
• Solusi untuk menggunakan kotak centang Vant, runtuh, dropdown-menu, aksi barang, kisi, radio, tab, tabbar, indeks-bar, bilah samping, dan komponen lainnya di Alipay, ikuti langkah-langkah berikut:
  1. NPM Unduh Alat Baris Perintah Antmove

  NPM menginstal antmove -g

  2. Di Direktori Root Proyek Anda, gunakan Alipay-Compiler untuk mengonversi proyek

  antmove -t alipay -compiler

  3. Program mini alipay yang dikonversi dapat mendukung komponen di atas
• Jika Anda memperkenalkan komponen dan menemukan bahwa rendering gagal, Anda dapat merujuk pada contoh dalam contoh untuk meniru itu. Jika Anda memiliki pertanyaan, Anda dapat memindai kode QR dingding di bawah ini untuk menghubungi kami

menghubungkan

Jika Anda mengalami masalah saat digunakan, Anda dapat mencari bantuan melalui cara -cara berikut.

• Grup Komunikasi DingTalk:
• Email: [email protected]

Link

• Perbarui log
• Masukan

Protokol Sumber Terbuka

Proyek ini didasarkan pada protokol MIT, harap dengan bebas menikmati dan berpartisipasi dalam open source.

bersyukur

Berkat tim Vant atas kontribusi mereka untuk Vant-Weapp, proyek ini dikonversi berdasarkan Vant-Weapp dan telah diadaptasi dan kompatibel dengan platform program Mini Alipay.