weixin_45653441的博客

用户可以通过拖拽操作，在屏幕的 x 轴（水平方向）和 y 轴（垂直方向）上自由移动悬浮球。当用户停止拖拽时，悬浮球会自动吸附到 x 轴方向上距离最近的屏幕边缘，确保其位置稳定且符合用户操作习惯。时记录初始位置和鼠标位置，在 mousemove 时根据鼠标移动更新气泡位置，在 mouseup 或鼠标离开时结束拖拽并调用吸附逻辑。吸附逻辑：在拖拽结束时，判断气泡与页面边缘的距离，如果小于阈值则吸附到最近的 x 轴方向的边缘。isDragging 标志，点击事件触发时检查该标志，若为 true 则阻止点击事件。

主题切换组件 theme.vue 在layout组件里使用。vue3 antd 自定义切换主题色。maints引入antd css。切换颜色hook文件 统一管理。在appvue里使用。

vue2 vue3 使用xlsx导出excel 多个sheet表

clearFilters参数是antd自带的清空输入框内容的方法，定义一个变量把clearFilters赋值给这个变量clearTabSearch,在弹窗取消或者关闭的的时候调用清除表格搜索框得方法。

使用a-table的fixed属性固定表格列的时候滚动条被固定列覆盖部分无法拖动。解决方法将固定区域底部留出一个滚动条高度的距离。主要的问题就是固定区域盖住了横向滚动条。设置bottom值，使得不盖住滚动条。可以使用下面配置来解决。...

.在public文件夹下新建languages文件夹，在新建langs文件夹和i18n.js，langs文件夹下新建index.js、cn.js、en.js。on(),这个是组件传值的一种方式，需要在main.js中配置。4.在app.vue文件中引入多语言文件和我们写切换的方法。.........

项目需求，采用ant design table展示数据，需要点击行变色，表格行之间有颜色区分（斑马色）效果图：

行列合并与插槽同时使用普通的table插槽是在column对象中配置scopedSlots: { customRender: ‘xxx’ }，并在标签中写相应的代码实现的，与此处关系不大，不做过多的介绍。行列合并时要对customRender做配置，相应单元格的重写则需要写在customRender返回的children中，使用的是类似React的jsx语法：例子如下，我希望在实现行合并的同时操作按钮有二次确认事件效果如图：如果需要对插槽中的元素添加事件：...