lin ui

Dokumentasi Bahasa Mandarin |. Tutorial Resmi

Lin UI, bukan hanya perpustakaan komponen UI!
Seperangkat pustaka komponen UI berkualitas tinggi berdasarkan sintaksis asli program mini WeChat.

---

Daftar isi

• Daftar isi
• Perkenalan
• Mulailah dengan cepat
  • Memasang
  • memperkenalkan
• Diskusi dan pertukaran
• Kontribusikan kode
• Perjanjian sumber terbuka

Perkenalan

Lin UI adalah sekumpulan pustaka komponen UI berkualitas tinggi berdasarkan sintaksis asli program mini WeChat . Ikuti spesifikasi desain kesederhanaan, kemudahan penggunaan, dan keindahan.

Mulailah dengan cepat

Pastikan untuk memeriksa增强编译, Es6 转ES5 dan使用npm 模块, lihat gambar

Memasang

1. Inisialisasi proyek Anda sebagai proyek NPM

    npm init -y
   

   Jika direktori root proyek sudah berisi file package.json, Anda dapat melewati langkah ini.

2. Instal Lin UI

    npm i lin-ui
   

3. Mengonfigurasi Alat Pengembang WeChat Untuk menginstal Lin UI dengan benar, Anda perlu memeriksa ketiga opsi Alat Pengembang WeChat berikut , lihat gambar

   • 使用npm 模块
   • 增强编译
   • ES6 转ES5

   Jalur pengaturan: sudut kanan atas Alat Pengembang WeChat -> Detail -> Pengaturan Lokal

4. Membangun modul NPM Setelah alat pengembang WeChat dikonfigurasi, Anda masih perlu membuat modul NPM.

   Lokasi tombol: Bagian Atas Alat Pengembang WeChat -> Alat -> Bangun npm

Jika Anda tidak memiliki lingkungan Node.js secara lokal dan tidak dapat menginstalnya menggunakan NPM, Anda dapat menginstalnya menggunakan kode sumber.

memperkenalkan

1. Konfigurasikan alat pengembang WeChat

   • Untuk menggunakan Lin UI dengan benar, Anda perlu memeriksa Es6 转ES5 dan opsi增强编译di alat pengembang WeChat.

     Jalur pengaturan: sudut kanan atas Alat Pengembang WeChat -> Detail -> Pengaturan Lokal

   • Setel versi perpustakaan dasar ke >=2.8.2

2. diperkenalkan di halaman

   {
     "usingComponents" :{
       "l-button" : " /miniprogram_npm/lin-ui/button/index "
     }
   }

3. Gunakan di halaman

    < l-button type =" default " >默认按钮</ l-button >

   Kami menyarankan saat Anda memperkenalkan komponen Lin UI, semuanya harus diberi nama dalam format l-{组件名} . Mengikuti spesifikasi ini akan membuat kode proyek Anda lebih jelas.

   Sampai di sini, Lin UI telah berhasil diperkenalkan ke dalam proyek Anda!

Diskusi dan pertukaran

Kontribusikan kode

Kode kami dikembangkan berdasarkan cabang pengembangan, dan Anda dipersilakan untuk mengirimkan Permintaan Tarik untuk kontribusi kode.

Sebelum mengirimkan Permintaan Tarik, harap baca spesifikasi pengembangan kami secara detail, jika tidak, Permintaan Tarik dapat ditutup karena informasi Komit yang tidak standar dan alasan lainnya.

Perjanjian sumber terbuka

MIT © 2020 Ada angin di hutan