Recovery2023

开发页面时，大家会不会对着浏览器里的某个组件冥思苦想："这部分代码到底在项目的哪个文件里？" 然后在VSCode里一层层折叠文件夹寻找，浪费不少时间。 今天分享一个实用技巧：在开发环境的页面上给组件添

适用于非常简单的布局 row-num一行被分为多少格，col-num垂直多少格，gap间隔 x每一行开始的位置，y列开始的位置，w宽度h高度

mars3d的官网提供的例子中，图层都是作为一个变量导出的 为什么我要自定义一个图层管理器呢，因为实际开发中，需要将不同的功能分为不同的模块，比如专门的生产矢量对象的模块，地图方法的模块，绑定地图事件

在实际的开发中，常常会遇到多级联动选择器但是需要使用单独的el-select来实现的场景，例如省市区选择、分类选择等。本文介绍了一个自定义的 useCascaderSelect 组件钩子函数，封装了三

效果展示 使用方法 代码 css 卡片封装的代码可以参考 可以拖拽折叠 带动画渐变的双飞翼布局，左右两边固定可以折叠，中间自适应宽度

效果 用法 属性 padding：就是padding的属性 flow：grid-auto-flow属性，代表先行后列还是先列后行 rows：垂直的格子数量 columns：水平的格子数量 gap：行列

效果 使用方式 跟官网的el-tabs一样，只需要传入v-model和slots，就会自动生成导航 只不过我们这里的my-card-tab是自定义的一个组件，其它功能和el-tabs一样，不过只实现了

效果 包含了表单搜索、表格、分页 可以修改表格slots，不影响el-table原始的方法、属性 表格上面可以添加按钮 代码 表格列配置 列的类型，可以通过children生成多级表头 表单配置 时间

开发后台管理系统，在业务上接触的最多就是表单了，对于使用 Vue 框架进行开发的同学来说，组件库 Element 是肯定会接触的 然而，一旦项目的表单多起来，每个不同的配置，以及多一个字段少一个字段，