细节

Icons

从 @element-plus/icons-vue 中导入所有图标并进行全局注册。

（main.ts）

import * as ElementPlusIconsVue from '@element-plus/icons-vue'

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

只注入单个图标供路由侧边栏菜单使用（可减少资源加载） （main.ts）

import { DataBoard } from "@element-plus/icons-vue"

app.component("DataBoard", DataBoard)

Element Plus 中文包

引用element组件时会显示英文（比如分页组件），使用中文包后显示即为中文

（App.vue）

// Element Plus 中文包
import zhCn from "element-plus/es/locale/lang/zh-cn"

<el-config-provider :locale="zhCn">
  <router-view></router-view>
</el-config-provider>

el-card修改.el-card__body样式

设置el-card的高度后，子元素无法继承el-card的高度，因为中间还有一层样式为.el-card__body的div

修改.el-card__body样式方法

:deep(.el-card__body) {
  height:100%
}