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

В настоящее время у меня есть проект vue, который настроен с помощью webpack.

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

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

npm i element-ui -S

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

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

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

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

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

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


vue.js element-ui
person Zhen Liu    schedule 08.05.2018    source источник

Ответы (2)


arrow_upward
6
arrow_downward

Это отлично сработало для меня:

npm я элемент-пользовательский интерфейс

в 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 })

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

Vue.use(ElementUI, { locale, size:'small' })
person Michael    schedule 26.05.2018

arrow_upward
1
arrow_downward

ок сам разобрался.

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

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

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

person Zhen Liu    schedule 08.05.2018