元素UI使用默认主题

时间:2018-05-08 16:20:55

标签: vue.js element-ui

当前我有一个使用webpack设置的vue项目。

我想开始使用element UI作为我的ui库。

我做完之后

npm i element-ui -S

在我的终端

并在我的app.js(整个应用程序的入口点)中添加了以下代码

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

我可以在整个应用程序中开始使用和填充。

但是,我注意到CSS没有被应用。

我该怎么办css?如何告诉elementUI应用默认主题?

2 个答案:

答案 0 :(得分:4)

这对我来说很好:

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

或将元素的默认大小设置为小:

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

答案 1 :(得分:0)

好好弄明白了。

看起来我只需要做

  1. 安装此npm package

  2. 在elementUI导入

  3. 之后立即添加导入'element-theme-default';