Compartilhamento de tecnologia

[Pontos de conhecimento do miniprograma WeChat] Classe de estilo externo de extensão de componente personalizado

2024-07-12

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

Ao usar um componente, o usuário do componente pode passar o nome da classe CSS para o componente e modificar o estilo do componente por meio do nome da classe passado.

Se você precisar usar classes de estilo externas para modificar o estilo de um componente, será necessário usar externalClassess para definir várias classes de estilo externas em Component.

O uso específico é o seguinte:

(1) Crie o componente custom06 no arquivo Componentes

(2) Registre o componente custom06 no item de configuração "usinfComponents" de app.json

 

(3) Adicione externalClassess a custom06.js para definir a classe de estilo externo.

 

(4) Use esta classe de estilo em custom06.wxml

(5) Vincule o nome da classe através da classe de estilo na página cart.wxml

(7) Defina o estilo através do nome da classe em cart.scss

(8) O estilo de exibição é o seguinte

 

(9) Notas:

Nota: No mesmo nó, se houver classes de estilo externas e classes de estilo normais, conforme segue:

A precedência das duas classes é indefinida

 

 

Sugestão: Ao usar classes de estilo externas, o estilo precisa adicionar peso por meio de !important