- 博客(5)
- 收藏
- 关注
原创 关于echart大屏数据的不同缩放,对应的适配问题
直接将你写的大屏的页面组件,作为一个子组件引入使用,调整一下要求的匹配的尺寸,就能完成一个适配的效果,超出来的界面颜色由自己定义。在开发大屏的过程中,如果拖拽和缩放屏幕视口尺寸的话,经常会出现元素样式发生变形的情况,所以针对真正情况就要针对性的进行窗口的适配问题。
2025-02-18 14:06:31
161
原创 关于table元素,自定义拖拽的实现
根据对应的鼠标操作事件,来执行不同的逻辑,其中onDrop事件执行完成之后,就可以拿到对应的排序之后的数据,然后根据源数据和对应的目标数据来进行对应的排序功能。但是有一个限制条件就是,只能对本页数据进行排序,无法将其它页数据,保留拖拽状态,然后回到上一页进行排序替换。关于table表格自定义实现,行元素拖拽功能进行排序的实现。最关键的就是 customRow 其余的不用在意。这个是基于antd-vue(vue3)来进行实现的。然后下面就是这个方法的具体实现。
2025-02-18 11:32:44
305
原创 富文本编辑使用组件
有时候涉及到前端关于富文本编辑使用的地方,手写难度太大,所以还是那别人造好的轮子来进行使用,今天正好学习了一下,关于前端编辑富文本,使用到的一个编辑器叫做wangRditor,下面就开始对这个来进行使用。我们使用是将其封装成一个组件了,因为在后台很多编辑的地方,都要用到。下面就是我们在vue3项目中封装的该组件。
2025-02-18 11:22:33
103
原创 快速掌握三个函数,获取想要的日期函数,日期格式限制转化过滤函数,以及获取随机数函数
的使用,一个就是数组的反转排序,toLocaleDateString 这个是也是逛论坛看到的,主要就是对日期格式进行转换 这个那个帖子上大佬的详细介绍 (哈哈,虽然不懂原理,但是明白会用就行)本周用到了一个大屏的内容,多次需要使用日期和随机的一些数据,来进行一些数据的渲染,所以就查了一下资料,自己总结了一下,关于这几个函数的快速使用。第一个函数:就是进行日期时间的获取,然后进行一些格式上的限制。其中有两个方法的使用,一个是。这里得到的是month-day的内容。如果只想获取日期也可以用。
2023-12-01 18:21:06
802
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人