wuss weapp

Wuss Weapp

Perpustakaan Komponen Applet UI WeChat yang berkualitas tinggi, lengkap dan sangat disesuaikan

dokumen

https://phonycode.github.io/wuss-weapp

Kelompok komunikasi resmi Wuss Weapp

QQ Nomor Grup 787275772

Pindai kode QR untuk mengalami

Gunakan wechat untuk memindai untuk mengalami contoh komponen program mini

Gambar demo

Mulailah dengan cepat

Sebelum Anda mulai menggunakan Wuss Weapp, Anda perlu membaca dokumentasi yang relevan untuk komponen khusus applet WeChat.

Cara menggunakan

Metode 1 [Disarankan] (instal dependensi melalui NPM dan bangun modul NPM dalam applet)

1. Temukan direktori pengembangan applet saat ini dengan menggunakan perintah shell atau git, dan kemudian instal dependensi menggunakan NPM atau benang.

npm init && npm install --production wuss-weapp

atau

yarn init && yarn add --production wuss-weapp

2. Setelah instalasi ketergantungan selesai, Anda dapat mengklik [Tools] => [Bangun NPM] di alat pengembang applet WeChat. Jika jendela pop-up muncul, ingatlah untuk "menggunakan modul NPM" untuk memeriksanya. Jika tidak ada jendela pop-up, periksa secara manual dalam detail setelah build selesai.

3. Setelah build selesai, Anda dapat menambahkan komponen yang diperlukan. Konfigurasikan di halaman json:

 "usingComponents" : {
  "w-button" : " wuss-weapp/w-button/index " ,
  "w-toast" : " wuss-weapp/w-toast/index " ,
  "w-alert" : " wuss-weapp/w-alert/index "
}

4. Gunakan komponen di WXML:

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >
< w-toast id =" wuss-toast " />
< w-alert id =" wuss-alert " />

5. Gunakan di JavaScript:

 import { Alert , Toast } from 'wuss-weapp' ;

Alert ( {
  title : '提示' ,
  content : 'wuss weapp is good' ,
} ) ;

Toast . show ( {
  message : 'wuss小程序UI库' ,
} ) ; 

Metode 2 (Salin Dist dari Proyek Saat Ini ke Proyek Anda Sendiri)

1. Pergi ke GitHub untuk mengunduh kode Wuss Weapp dan salin dist Directory ke proyek Anda. Kemudian gunakan komponen dengan cara berikut. Tombol mengambil sebagai contoh, komponen lain dilihat pada halaman dokumen yang sesuai:

2. Tambahkan komponen yang diperlukan. Konfigurasi di halaman JSON (jalur dikonfigurasi sesuai dengan lokasi proyek Anda):

 "usingComponents" : {
  "w-button" : " /dist/w-button/index "
}

2. Gunakan komponen di WXML:

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >

Pratinjau semua komponen

Kami memiliki contoh bawaan dari semua komponen, Anda dapat memindai kode applet di atas untuk mengalaminya, atau melihatnya di alat pengembang weChat sebagai berikut:

git clone https://github.com/phonycode/wuss-weapp.git

Kemudian, buka proyek secara langsung di alat pengembang WeChat.

menyumbang

Jika Anda memiliki komentar atau saran, jangan ragu untuk menyebutkan masalah ini. Harap baca apakah ada masalah terkait sebelum Anda menyebutkan masalah ini. Atau jika ada masalah terkait tetapi masalahnya telah ditutup, itu hanya versi yang belum diperbarui. Tolong jangan balas di bawah masalah ini. Jika versi yang diperbarui masih ada setelah pembaruan, silakan kirimkan masalah baru. Terima kasih.

LISENSI

Mit