vue.js - Element UI 使用默认主题

Question

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

我想开始为我的 ui 库使用元素 UI。

我做了之后

npm i element-ui -S

在我的终端

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

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

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

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

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

score 6 · Accepted Answer

这对我来说很好：

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

score 1 · Accepted Answer

好的，我自己想通了。

看起来我只需要做

2 回答 2