Skip to content

element UI 组件功能,功能例子,组件库demo,axios封装管理,directive,vue插件库

Notifications You must be signed in to change notification settings

Chubby-Duner/frontend-example

Repository files navigation

文件描述

  1. service --- 封装的axios请求接口
  2. utils/axios.js --- 封装的axios
  3. common/js --- 存放element ui table组件循环渲染所需的数据 (utils.js用于Table.vue,data.js用于Table2.vue,array.js权限设置的函数)
  4. views/Home --- element 日期选择器,格式化日期
  5. views/LimitLine --- 文本内容显示n行,超出n行出现显示更多按钮,css样式超出行数只能使用...去替代
  6. views/Mixin --- Vue Mixin的用法
  7. views/Mock --- Mock简单使用的demo
  8. views/Table,views/Table2 --- element ui table表格的使用,包括单/全选(会改变当前行的颜色)表头悬浮固定列自定义选择列,表格使用的循环渲染的方法,易于维护
  9. views/tabs --- element ui tabs组件的使用
  10. views/tailwind --- tailWind css插件(未实现效果)
  11. views/Form --- element ui 表单验证(套了个transition组件内置动画,使用了v-if,直接销毁dialog,从而不用清空数据和表单验证,不是很频繁的打开关闭相对来说性能会好一点点)
  12. views/Interval1 和 views/Interval2 --- 定时器的使用与销毁问题
  13. views/DynamicTable --- elementUI表格动态添加删除,行列的添加删除自定义表格的标题(链接:https://juejin.cn/post/6869382712089247751 来源:掘金)
  14. views/VueDraggable --- Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件
  15. views/VChart --- 基于 Vue2.0 和 echarts 封装的 v-charts 图表组件
  16. views/slot 和 views/SlotTest --- 插槽的基本使用
  17. views/ScrollNumber --- 竖直滚动数字效果
  18. views/ElTransfer --- elementUI的穿梭框
  19. views/I18n --- Vue i18n前端国际化
  20. views/editTable --- element ui 的可编辑表格
  21. views/upload --- element ui 的上传组件(md5分片上传)
  22. views/表单验证 --- element ui 使用v-for生成的el-form-item的表单验证
  23. views/treeTable --- el-table的树形结构懒加载的测试
  24. views/generateJSON --- 实现的功能是新增一条数据,减少一条数据。eg: 页面进行操作然后生成对应的JSON
  25. views/dragDialog --- 实现el-dialog的拖拽
  26. views/clipboard --- vue-clipboard2 复制功能
  27. views/PackageElTable --- 封装el-table
  28. views/TrsTable --- 封装el-table
  29. views/reWriteMessage --- 改写el-message(utils/reWriteMessage.js,main.js中引用)
  30. views/vxeTable --- vxeTable, flex一行4个布局, 旋转菜单
  31. views/carouselMenu --- html + css3 实现的旋转菜单
  32. views/packageEleTable --- 封装的el-table
  33. views/waterFall --- 水印(报错)
  34. views/views/packageEleTable --- 封装的el-table

css

box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.09);

About

element UI 组件功能,功能例子,组件库demo,axios封装管理,directive,vue插件库

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published