chimu-theme
v4.0.21
Published
Element ui override styles
Downloads
750
Readme
#Инструкция
###На выбор есть несколько способов подключения темы: 1) lib/bundle.css - Перезаписанные стили для всех компонентов из папки src/components. Так же включает в себя перезаписанные иконочные шрифты element - ui, а так же типографику и цвета.
2) lib/componentName.css - каждый компонент отдельно. При данном импорте так же нужно подключить перезапись иконок (icon.css).
Если вы подключили компонент, который использует иконочный шрифт element-ui.
Так же перед подключением компонентов нужно подключить файл settings.css, который включает в себя общую типографику и цветовую схему.
###Как создать иконки 1) Идем в файл font-settings. 2) В секцию files добавляем строку getIconPath('info-circle', 'solid'), где info-circle название svg - иконки из fontawesome, а solid начертание. 3) Далее запускаем yarn build 4) В папке lib/fonts.css сгенерировались иконочные шрифты 5) Перезаписываем значения на свои в src/components/icon 6) yarn build чтобы обновить файл с иконками (icon.css)
###Обозначения папок 1) common - перезапись папки стилей elemen-ui common 2) components - перезапись компонентов element-ui 3) fonts - кастомный иконочный шрифт (перезапись element-ui) 4) public-utils - общие утилиты (цветовая схема/типографика) 5) settings - переменные/миксины/etc 6) index.scss - Основная точка входа. Автособираемый файл