
easyui
Perpustakaan grup mini-program WeChat yang sederhana dan mudah digunakan yang merangkum komponen yang umum digunakan dalam pengembangan, meningkatkan efisiensi pengembangan, dan pemeliharaan kode. Melampaui batas satu baris kode dan mengalami metode pengembangan di luar kotak. Konfigurasi default dapat memenuhi sebagian besar kebutuhan, dan dalam kasus khusus, atribut yang relevan dapat disesuaikan untuk memenuhi kebutuhan.
Komponen apa pun di pustaka komponen dapat digunakan sendiri dan tidak bergantung pada komponen apa pun. Anda dapat menambahkan komponen yang benar -benar digunakan sesuai dengan kebutuhan bisnis, membuat applet Anda lebih kecil dan lebih kecil.
Design API dan API Dokumentasi Menurut komponen resmi, yang sangat mudah untuk memulai dan sangat ramah kepada para pemula.
Versi Perpustakaan Dasar
Silakan gunakan pustaka dasar di atas 1.9.90.
Cara menggunakan
Buka proyek, pilih komponen yang diperlukan (komponen terletak di direktori komponen), dan salin folder yang berisi 4 file komponen ke dalam proyek Anda.
Kemudian kutip dalam kode proyek Anda. Untuk instruksi kutipan terperinci, silakan periksa dokumentasi program mini resmi.
Pindai kode untuk melihat dokumen API

Jalankan proyek
- Pergi ke Direktori Root Proyek.
- Masukkan situs web resmi Node untuk mengunduh node dan menginstalnya (silakan hilangkan langkah ini jika telah diinstal).
- Buka baris perintah (CMD/terminal) di direktori root proyek dan jalankan
npm install . Saya melihat tidak ada kesalahan dalam baris perintah, dan ada direktori Node_Modules tambahan di direktori root proyek. - Gunakan alat pengembang WeChat untuk membuka proyek (jika sudah dibuka, silakan hilangkan langkah ini).
- Klik di sudut kiri atas alat pengembang WeChat, alat -> Bangun NPM. Prompt adalah bahwa setelah konstruksi selesai, Anda akan melihat bahwa ada direktori miniprogram_npm tambahan di direktori root proyek.
- Klik tombol "Kompilasi" dari alat pengembang WeChat dan Anda dapat melihat bahwa proyek sedang berjalan: blush:.
Direktori Komponen
| Nama Komponen | jalur | menjelaskan |
|---|
| icon_button | komponen/tombol/icon_button | Tombol dengan ikon |
| base_list | komponen/daftar/base_list | Daftar item dengan judul dan subtitle |
| title_view | komponen/struktur/title_view | Lihat dengan judul |
| base_button | komponen/tombol/base_button | Tombol |
| head_portrait | Komponen/basis/head_portrait | Avatar |
| Mencari | Komponen/Formulir/Pencarian | Daftar item dengan judul dan subtitle |
| peningkatan_text | komponen/basis/exhance_text | Teks yang disempurnakan |
| peningkatan_view | Komponen/Basis/Enhance_View | Tampilan yang ditingkatkan |
| icon_list | komponen/daftar/icon_list | Daftar ikon dapat memenuhi sebagian besar kebutuhan daftar |
| peningkatan_icon | Komponen/Basis/Enhance_icon | Ikon yang disempurnakan, dapat digunakan untuk menampilkan ikon atau gambar |
| Goods_card | Komponen/Senior/Goods_card | Kartu tampilan produk |
| Goods_detail | Komponen/Senior/Goods_Detail | Tampilan Detail Produk |
| suspension_button | komponen/tombol/suspension_button | Tombol mengambang |
| count_button | komponen/form/count_button | Tombol hitung |
| modal | Komponen/Senior/Modal | Kotak Modal |
| Goods_list | komponen/daftar/barang_list | Daftar Produk |
| bilah sisi | Komponen/Senior/Sidebar | Menu bilah sisi |
| peningkatan_image | Komponen/Basis/Enhance_Image | Gambar yang disempurnakan, dapat digunakan dalam adegan di mana gambar latar belakang diperlukan |
| head_view | komponen/struktur/head_view | Lihat dengan bilah judul header |
| base_card | komponen/daftar/base_card | Komponen kartu dasar |
| tab | komponen/senior/tab | Tag bar |
| load_more | komponen/basis/load_more | Muat lebih banyak komponen |
| memuat | komponen/basis/pemuatan | Memuat komponen animasi |
| popup | Komponen/Senior/Popup | Komponen kotak pop-up |
| Pemeriksa | Komponen/Formulir/Pemeriksa | Komponen opsi, biasanya digunakan untuk pemilihan spesifikasi produk |
| Progress_bar | komponen/basis/progress_bar | Komponen batang kemajuan |
| ikon | Komponen/Basis/Ikon | Komponen ikon |
| Transisi | Komponen/Basis/Transisi | Komponen efek yang berlebihan |
Deskripsi Versi
v1.3.0 terakhir
- Progress_bar
- ikon
- Transisi
- Mengoptimalkan applet
v1.2.1
- Menambahkan komponen
- Perbaiki & Optimalkan
- Optimalkan program mini dan tambahkan halaman penemuan
- Optimalkan komponen suspension_button, tambahkan atribut openType agar kompatibel dengan skenario penggunaan khusus komponen tombol asli
- Optimalkan komponen suspension_button, tambahkan kelas kustom IMG-CUS, yang dapat digunakan dalam skenario di mana perpustakaan ikon Alibaba digunakan
- Optimalkan komponen ICON_BUTTON dan tingkatkan dukungan untuk atribut tipe-tipe dan tipe terbuka dari komponen tombol asli applet
- Tambahkan slot kustom di bagian bawah komponen Goods_Detail
- Memperbaiki bug di mana komponen pemuatan set Lebar dan atribut tinggi tidak berfungsi
- Memperbaiki bug di mana atribut yang dipilih dari komponen tab menampilkan pengecualian saat antarmuka digunakan untuk pengikatan data.
- Memperbaiki masalah gaya komponen ICON_BUTTON
- Memperbaiki bug komponen tab yang disebabkan oleh peningkatan versi perpustakaan dasar
- Memperbaiki bug yang memicu acara klik saat komponen suspension_button dipindahkan
- Perbaiki bug di kelas kustom CUS dari komponen Enhance_Image
v1.2.0
- Menambahkan komponen
- Perbaiki & Optimalkan
- Komponen Goods_Detail mendukung tampilan video
- Cari komponen perbaikan bug
v1.1.0
- tab
- load_more
- memuat
- popup
- Pemeriksa
- Tombol Tutup Komponen Modal Mendukung Perpustakaan Ikon Alibaba
- ICON_BUTTON Menambahkan atribut Datacus
- Memperbaiki bug yang tidak ditampilkan komponen bilah samping saat menggunakan setData untuk memperbarui data
- Menambahkan atribut Datacus dan atribut yang dipilih di bilah sisi
- Pencarian Menambahkan Fungsi Acara OnClean
- Goods_card Atribut Datacus Baru
- Goods_list menambahkan atribut Datacus
- Tab Optimalisasi Komponen
- Acara klik komponen suspension_button tidak memicu perbaikan bug
- Memperbaiki masalah tata letak teks saat komponen suspension_button tidak menggunakan ikon
- Komponen Goods_Detail telah menambahkan klik baru pada gambar spanduk untuk melihat pratinjau gambar dan pengoptimalan gaya
- Komponen base_list komponen kustom class class bug fix
- Komponen ICON_BUTTON telah menambahkan efek lencana, yang dapat diatur melalui atribut lencana, dan mendukung penggunaan pustaka ikon Alibaba untuk menyesuaikan pengaturan kelas menggunakan cus-icon
v1.0.7
- Goods_list
- bilah sisi
- peningkatan_image
- head_view
- base_card
- Komponen pencarian telah menambahkan ikon pencarian default.
- Cari Komponen Menghapus Ikon Jelas.
- Enhance_text mendukung pengenalan ikon menggunakan pustaka ikon Alibaba (menambahkan kelas gaya khusus ikon-cus).
- Enhance_icon mendukung pengenalan ikon menggunakan perpustakaan ikon Alibaba.
- Enhance_icon menambahkan atribut warna.
tentang
Ditulis di akhir
Sebelum menggunakan komponen, silakan periksa antarmuka yang disediakan oleh komponen secara detail.
Metode Melihat: Buka halaman pemilihan applet dan klik tombol "Deskripsi Detail" di bawah komponen yang sesuai.
Beli secangkir kopi untuk penulis
