您现在的位置是:首页 > 文章详情

Element Enhance 0.3.5 发布,让 Element Plus 更简单,更通用

日期:2021-06-21点击:645

📖 概述

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>
```

原文链接:https://www.oschina.net/news/146856/element-enhance-0-3-5-released
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章