Обмен технологиями

[Точки знаний о мини-программе WeChat] Класс пользовательского компонента-расширения-внешнего стиля

2024-07-12

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

При использовании компонента пользователь компонента может передать компоненту имя класса CSS и изменить стиль компонента с помощью переданного имени класса.

Если вам нужно использовать классы внешнего стиля для изменения стиля компонента, вам нужно использовать externalClassess для определения нескольких классов внешнего стиля в компоненте.

Конкретное использование заключается в следующем:

(1) Создайте компонент custom06 в файле компонентов.

(2) Зарегистрируйте компонент custom06 в элементе конфигурации «usinfComponents» файла app.json.

 

(3) Добавьте externalClassess в custom06.js, чтобы определить класс внешнего стиля.

 

(4) Используйте этот класс стиля в custom06.wxml.

(5) Привяжите имя класса через класс стиля на странице cart.wxml.

(7) Установите стиль через имя класса в файле cars.scss.

(8) Стиль отображения следующий.

 

(9) Примечания:

Примечание. Если на одном узле есть классы внешнего стиля и классы обычного стиля, выполните следующие действия:

Приоритет двух классов не определен

 

 

Предложение: при использовании внешних классов стилей стилю необходимо добавить вес с помощью !important.