📖 概述

Element Enhance 是基于 Element Plus 而开发的模板组件，提供了更高级别的抽象支持，开箱即用，更加专注于页面。

✒️ 更新日志

0.3.5

[新增] element-enhance 案例
[新增] breadcrumb 面包屑组件, 用于展示当前路由信息
[新增] layout 组件的 show-collapse 参数, 用于控制顶部 collapse 的隐藏显示
[新增] layout 组件的 banner 参数, 用于控制顶部通栏布局方式
[新增] layout 组件的 var.css 样式, 用于自定义布局尺寸
[新增] exception 组件的 image 参数, 用于自定义显示异常图片
[新增] exception 组件的 title 参数, 用于自定义显示异常标题
[新增] exception 组件的 describe 参数, 用于自定义显示异常描述
[新增] exception 组件的 refresh 事件, 用于定义刷新的业务
[优化] layout 组件的 white 主题, 修改 menu-item 选中状态的样式
[优化] count-to 组件的 count up 算法
[支持] 自定义主题色

0.3.4

[新增] layout 组件的 banner 参数, 用于实现通栏布局
[新增] exception 异常组件, 用于错误页面的构建
[新增] avatar-list 头像列表组件, 用于头像列表的展示
[新增] count-to 数字滚动组件, 用于数据的 count up 效果
[新增] full-screen 全屏组件, 用于页面的全屏切换
[新增] icon-picker 图标选择器组件, 提供 element-plus 的图标选择支持

⚡ 入门

安装

```
npm install element-plus --save

npm install element-enhance --save
```

引入

```js
import { createApp } from 'vue'
import App from './App.vue'
import ElementEnhance from 'element-enhance'
import 'element-enhance/lib/style.css'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'

const app = createApp(App)

app.use(ElementEnhance)
app.use(ElementPlus)
app.mount('#app')
```

路由

配置

使用

```vue
<template>
  <ele-layout multi-tab="true" breadcrumb="true">
    <template #logo></template>
  </ele-layout>
</template>
```