介绍

elementUI-enhance是一套基于element-ui的二次封装组件库,它使用了最新的前端技术栈,在基于element-ui的原有功能上,提供大量扩展,大大简化代码,对于后台系统常用的查询表格等都封装成了组件, 实现配置式页面.

建议

本项目定位是一个组件库,对现有项目无干扰,你可以直接将其用在基于vue和element-ui的后台项目中.

功能

• button

  • 水波纹点击特效
  • 防抖功能
  • 自动loading/全屏loading功能
  • confirm功能(提供messageBox式和Popconfirm式)
  • tip文案
  • link跳转

• table

  • 启用数据驱动型数据，淡忘抓狂原生态的CV
  • 内置格式化增强工具
  • 默认行操作高亮属性
  • 复制文本
  • 图片预览
  • 行列拖拽

• Step

  • 启动粘性布局
  • process跟踪
  • 点击滚动目标位置

• upload

  • 修复二次上传文件需要刷新
  • 加强上传文件类型大小验证
  • 替换文件
  • 上传前修改文件名字
  • 显示文件名
  • 图片适应度
  • 预览操作度提升
  • 图片裁剪

• textEllipsis

  • 指定行数/指定高度省略
  • 高度自由化，支持自定义前后缀

• countUp

  • 集成countUp
  • 自定义渲染标签

• skeleton

  • 解决用户加载的焦虑，体验优于loading
  • 高度自定义

• login

  • 封装常用业务的登录组件
  • 支持canvas验证码/滑块验证

• empty/404

  • 数据为空,出错的提示型的业务组件

• avatar

  • 头像在线动画
  • 头像组封装