Berbagi teknologi

[Poin Pengetahuan Program Mini WeChat] Kelas Gaya Komponen-Ekstensi-Eksternal Khusus

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Saat menggunakan komponen, pengguna komponen dapat meneruskan nama kelas CSS ke komponen dan mengubah gaya komponen melalui nama kelas yang diteruskan.

Jika Anda perlu menggunakan kelas gaya eksternal untuk mengubah gaya suatu komponen, Anda perlu menggunakan externalClassess untuk mendefinisikan beberapa kelas gaya eksternal di Komponen.

Penggunaan spesifiknya adalah sebagai berikut:

(1) Buat komponen custom06 di file Komponen

(2) Daftarkan komponen custom06 di item konfigurasi "usinfComponents" di app.json

 

(3) Tambahkan externalClassess ke custom06.js untuk menentukan kelas gaya eksternal.

 

(4) Gunakan kelas gaya ini di custom06.wxml

(5) Ikat nama kelas melalui kelas gaya di halaman cart.wxml

(7) Atur gaya melalui nama kelas di cart.scss

(8) Gaya tampilannya adalah sebagai berikut

 

(9) Catatan:

Catatan: Pada node yang sama, jika terdapat kelas gaya eksternal dan kelas gaya normal, sebagai berikut:

Prioritas kedua kelas tidak ditentukan

 

 

Saran: Saat menggunakan kelas gaya eksternal, gaya perlu menambah bobot melalui !important