元素 UI 使用默认主题

Question

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

我想开始为我的 ui 图书馆使用 element UI。

我做了之后

npm i element-ui -S

在我的终端

并在我的app.js（整个应用程序的入口点）中添加了下面的代码

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

我可以开始使用整个应用程序。

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

我应该用 css 做什么？如何告诉 elementUI 应用默认主题？

Answer 1

好的，我自己想出来了。

看来我只需要做

'element-theme-default';

Answer 2

这对我来说效果很好：

npm i 元素-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' })

Element UI use default theme