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