自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 拖拽实现div上下互换

因为我这个结构是通过for循环出来的,所以使用transition-group标签进行包裹,class采用动态标识处理避免初始化页面的动画效果,因为禁用初始动画的配置项在我这里不适用,大家可以自行设置;

2024-06-13 15:49:37 90

原创 echarts自适应,一直报警告has been disposed

echarts

2024-05-17 09:26:06 277

原创 leaflet 实现地图上标记的发散闪烁动画-最新

leaflet 实现地图上标记的发散闪烁动画

2024-05-15 17:31:09 195

原创 table 原生表格添加、修改某一个单元的边框样式

原生table,动态控制单元格的点击样式,设置单元格的边框,自定义单元格样式

2024-04-18 15:12:53 197

原创 and menu 导航菜单栏自定义 标题新增图标 vue3

and menu 导航菜单栏自定义 标题新增图标 vue3

2024-03-14 16:24:52 259

原创 关于antd vue 中table的单元格单击或者双击某个编辑事件,配合customCell的用法,可以编辑某一个单元格。

这里通过单元格点击cellEdit事件的单点事件,触发了cellEdit编辑函数,需要双击修改的可以使用onDblclick事件改为双击。首先看数据格式:这里因为是自己加的行,所以设定了一个随机id,大家可以通过index进行设置key也是可以的。editableDataField:为动态编辑的对象,用来获取某一行,由此确定编辑某一个单元格。contentBeingEdited:为自定义声明的string值,用于获取编辑的是哪一列。需求:动态生成一个单元格,点击生成的某一个单元格可以修改他的text值。

2024-03-11 10:55:29 1281

原创 Ant table嵌套子表格-如何隐藏、去除子表左侧的展开图标

****************************************踩坑不易,关注可见*****************************************//****************************************踩坑不易,关注可见*****************************************/解决办法:使用插槽解决,注释掉。

2024-03-08 14:46:53 510

原创 vue3使用echarts的tooltip不显示问题,以及echarts销毁重新绘制问题,解决echarts环形图值为零,背景环形绘制不出来或延时绘制的问题。

vue3使用echarts的tooltip不显示问题,以及echarts销毁重新绘制问题,解决echarts环形图值为零,背景环形绘制不出来或延时绘制的问题。

2024-03-04 15:01:54 385

原创 树形组件and tree组件,增加输入框,输入联动筛选搜索功能

需求:下方是多个树形组件,可能存在多级,我们要在最上方加一个input输入框,输入内容,自动筛选出已经有的一个或多个数据,并且打开已有项,进行展示。1.首先是template结构 给input增加了一个change事件,通过e就可以拿到当前的输入内容,进行触发修改2.方法筛选过滤处理数据,进行筛选准备值筛选展开对应的树形key输入筛选

2024-01-23 14:21:15 440 1

原创 leftMap海图封装全局公用绘制方法,多图层同时绘制

每次绘制之前调用 mapStore.removeLayerGroup()清除之前的图层,避免vue3的多次执行onMounted问题。业务需求:同一个页面能够打开多个弹框,分别绘制对应的点位或图形,关闭某个弹框清除对应的图层,不影响其他图层的正常使用。1.初始化onMounted的时候执行获取数据的操作,请求list数据获取需要撒点的所有图标以及经纬度信息。2.执行list接口,采用回调函数的方式,获取到数据后,在vue里进行。(修改点位后取消,恢复原有点位,减少重绘)”(清除旧点位,添加新点位);

2024-01-18 10:13:54 440 1

原创 a-range-picker日期时间范围,时间默认值取00:00:00

and 组件range-picker自定义默认时间

2024-01-16 15:45:09 875 1

原创 组件leftmap组件,应用海图撒点、删除某个点位、编辑修改点位案例(保姆级教程)

leftmap组件,海图撒点、编辑点位、删除点位、新增点位

2024-01-04 12:05:28 374 1

原创 组件leftmap常用API集合,绘图撒点的方法总结(持续更新)

四、地图撒点,多变形绘制的方法和案例。1.海图撒点的方法案例。一、地图组件的安装引用。二、创建绘制图层的方法。三、地图撒点的方法案例。五、复杂逻辑的使用介绍。2.多边形的海图绘制。

2023-12-27 17:01:21 441 1

原创 鸿蒙开发 DevEco Studio 3.1 Release 下载sdk报错的解决办法

鸿蒙开发 DevEco Studio 3.1 Release 下载sdk报错的解决办法

2023-11-25 21:20:14 2111 4

原创 echarts雷达图,自定义环形圈数和环形的分布样式

echarts雷达图

2023-10-08 13:53:06 873 1

原创 antv G2Plot折线图+多个堆叠柱状图

antv G2Plot折线图+多个堆叠柱状图

2023-09-13 18:02:34 1054 1

原创 前端导出pdf文件,导出dom的内容为pdf格式

前端pdf导出功能,html2canvas 和 JsPDF组件的应用,文件导出

2023-09-01 15:39:15 218 1

原创 Calendar 日历自定义组件 ant-design日历修改自定义

Calendar 日历自定义颜色、样式,大小

2023-09-01 11:19:43 1667 1

原创 ant-table自定义表格,表头和表格拆分,自定义点击事件,扁平化数据处理拆分(vue2)

ant-table自定义表格 单元格拆分 自定义单元格 单元格自定义点击事件

2023-08-10 10:34:44 1109 1

原创 公用组件,封装时钟翻牌器,自动数字补零

自动翻牌

2023-05-22 14:05:44 108 1

原创 地图组件海图定位

window.leafletMap.setView([29.834686, 121.79306], 11);

2023-05-10 15:34:30 50

原创 swiper轮播图,抽离公用组件vue2(本项目版本为9.1.1)

暂无图片

2023-04-24 17:36:19 130

原创 echarts图的点击事件,以及柱状图扩大hover提示区域

echarts图的点击事件,扩大echarts的hover点击区域

2023-04-11 10:25:10 1274

原创 ant carousel走马灯使用echarts图表,最后一页渲染不出来的问题

使用ant design组件库里的Carousel走马灯组件会出现一个bug

2023-02-23 15:38:28 1531 1

原创 Ant Design Vue 走马灯 自定义单页展示多张图片,控制每次轮播张数的方法

我们可以看到官网给的api是没有这种功能,百度上也多是在css上动刀,那样也就毕竟繁琐了,我们是什么?我们是程序猿啊,程序猿就该有程序猿的样子,怎么能写繁琐的东西呢,那还怎么为公司项目提高效率!

2022-12-02 09:15:02 1153 6

原创 ant customRender合并单元格(vue2)

/这里gpsNumber是我需要判断的字段名(相同就合并)//this.dataSource是我们拿到的所有数据。title: "标题",废话不多说,直接上代码。

2022-12-02 09:09:59 614

原创 a-table的斑马纹以及hover样式的修改(vue2)

由于官网ant组件里vue2的table组件里并没有修改成为斑马纹的APL直接方法,所以我们可以使用css进行设计,我这是直接使用css进行修改,方便快捷,菜鸡小白。

2022-11-20 11:26:24 965

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除