Пользовательский интерфейс элемента использует тему по умолчанию

Question

Текущий У меня есть проект Vue, который настраивается с помощью веб-пакета.

Я хотел бы начать использовать элемент пользовательского интерфейса для моей библиотеки пользовательского интерфейса.

После того как я сделал

npm i element-ui -S

в моем терминале

и добавил код ниже в мой app.js (точка входа всего приложения)

import Vue from 'vue'
import ElementUI from 'element-ui';
Vue.use(ElementUI);

Я могу начать использовать и прочее во всем приложении.

однако я заметил, что CSS не применяется.

Что мне делать с CSS? Как мне сказать elementUI применить тему по умолчанию?

Answer 1

Для меня это работало нормально:

npm i element-ui

в main.js:

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

если вы хотите локализовать, вы должны сделать:

import locale from 'element-ui/lib/locale/lang/en'
Vue.use(ElementUI, { locale })

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

Vue.use(ElementUI, { locale, size:'small' })

Answer 2

ОК, разобрался сам.

Похоже, мне просто нужно сделать

1. Установите этот пакет npm

2. Добавить импорт 'element-theme-default'; сразу после импорта elementUI