Condivisione della tecnologia

[Punti conoscenza del mini programma WeChat] Classe di stile componente-estensione-esterna personalizzata

2024-07-12

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

Quando si utilizza un componente, l'utente del componente può passare il nome della classe CSS al componente e modificare lo stile del componente tramite il nome della classe passato.

Se è necessario utilizzare classi di stile esterne per modificare lo stile di un componente, è necessario utilizzare externalClassess per definire diverse classi di stile esterne in Component.

L'utilizzo specifico è il seguente:

(1)Crea il componente custom06 nel file Componenti

(2) Registrare il componente custom06 nell'elemento di configurazione "usinfComponents" di app.json

 

(3) Aggiungi externalClassess a custom06.js per definire la classe di stile esterna.

 

(4) Utilizzare questa classe di stile in custom06.wxml

(5) Associare il nome della classe tramite la classe di stile nella pagina cart.wxml

(7) Imposta lo stile tramite il nome della classe in cart.scss

(8) Lo stile di visualizzazione è il seguente

 

(9) Note:

Nota: sullo stesso nodo, se sono presenti classi di stile esterne e classi di stile normali, come segue:

La precedenza tra le due classi non è definita

 

 

Suggerimento: quando si utilizzano classi di stile esterne, lo stile deve aggiungere peso tramite !important