Element 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

这对我来说很好用：

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

Answer 2

好吧，我自己想通了。

看来我只需要这样做

1. 安装这个npm package

2. 在 elementUI 导入之后添加 import 'element-theme-default';