Rumah  >  Artikel  >  hujung hadapan web  >  Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

青灯夜游
青灯夜游ke hadapan
2021-12-20 14:43:503242semak imbas

ColorUI ialah pustaka komponen CSS yang kelihatan tinggi dan tersuai tinggi sesuai untuk H5, applet WeChat, Android, ios dan Alipay. Jadi bagaimana untuk memperkenalkan ColorUI dalam projek uni-ui? Artikel berikut akan memperkenalkan kepada anda cara memperkenalkan pemalam ColorUI-UniApp ke dalam projek uni-ui.

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

1 Cari pemalam ColorUI-UniApp dalam pasaran pemalam uniapp, muat turun dan nyahzip

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui<.>

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

2. Salin fail colorui ke direktori akar projek uni-ui, seperti yang ditunjukkan dalam rajah:

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

3 Konfigurasi fail App.vue projek uni-ui adalah seperti berikut:

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

Kini projek uni-ui memperkenalkan ColorUI-UniApp End of plug-in

4. Bar navigasi tersuai

cu-custom.vue dikonfigurasikan sebagai berikut:

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

utama Konfigurasi .js adalah seperti berikut:

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

Konfigurasi pages.json adalah seperti berikut:

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

5. Penggunaan halaman adalah seperti berikut:

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

Perenderan halaman:

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

Disyorkan: "

tutorial uniapp"

Atas ialah kandungan terperinci Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:juejin.cn. Jika ada pelanggaran, sila hubungi admin@php.cn Padam