Начать беседу

Изменение стилей UI компонентов

Компоненты онлайн-офиса - это многоразовые веб-компоненты, построенные с инкапсуляцией стиля. Таким образом, любой компонент пользовательского интерфейса будет выглядеть одинаково на любой странице любого сайта.

Каждый компонент пользовательского интерфейса имеет свои собственные свойства, которые можно определить для изменения его внешнего вида. Например, для компонента v-wallet-balance, который показывает баланс виртуального кошелька, можно определить атрибуты backgroundColor и borderColor для настройки его стиля.

Но если вы хотите разместить компонент на вашем сайте, иногда полезно изменить весь его стиль.

Вы можете переопределить стиль компонента пользовательского интерфейса по умолчанию, используя ::part() псевдоэлемент в вашем CSS.

Таким образом, вы можете легко переопределить стили для некоторых элементов. Чтобы узнать, какие элементы и классы могут быть перестайлированы с помощью ::part(), посмотрите на дерево теневых dom элементов желаемого компонента пользовательского интерфейса, ищите определенный атрибут 'part'.

Выберите файлы или перетащите файлы
Была ли эта статья Вам полезна?
Да
Нет
  1. Max SLA

  2. Опубликовано

Комментарии