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

Rekod kaedah memperkenalkan ColorUI dalam projek uni-ui

青灯夜游
Lepaskan: 2021-12-20 14:43:50
ke hadapan
3287 orang telah melayarinya

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!

sumber:juejin.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan