Compartir tecnología

[Puntos de conocimiento del miniprograma WeChat] Componentes personalizados-Extensión-Clase de estilo externo

2024-07-12

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

Cuando se utiliza un componente, el usuario del componente puede pasar el nombre de la clase CSS al componente y modificar el estilo del componente a través del nombre de la clase pasada.

Si necesita utilizar clases de estilo externas para modificar el estilo de un componente, debe utilizar externalClassess para definir varias clases de estilo externas en Component.

El uso específico es el siguiente:

(1) Cree el componente custom06 en el archivo Componentes

(2) Registre el componente custom06 en el elemento de configuración "usinfComponents" de app.json

 

(3) Agregue externalClassess a custom06.js para definir la clase de estilo externo.

 

(4) Utilice esta clase de estilo en custom06.wxml

(5) Vincule el nombre de la clase a través de la clase de estilo en la página cart.wxml

(7) Establezca el estilo a través del nombre de la clase en cart.scss

(8) El estilo de visualización es el siguiente

 

(9) Notas:

Nota: En el mismo nodo, si hay clases de estilo externas y clases de estilo normales, de la siguiente manera:

La precedencia de las dos clases no está definida.

 

 

Sugerencia: cuando se utilizan clases de estilo externas, el estilo debe agregar peso a través de! Importante