2025年2月26日
自己封装的cron表达式组件
摘要： 1.新建一个cron定时器组件 <template> <div class="layout"> <!-- <el-popover v-model="visible" placement="bottom" width="500" trigger="click" > --> <div class="fo 阅读全文
posted @ 2025-02-26 09:11 刘酸酸sour 阅读(91) 评论(0) 推荐(0)
表格内cron表达式转成需要的时间格式
摘要： 1.表格内添加 :formatter="" <el-table-column label="监视周期" align="center" prop="corn" :formatter="cornFormat" /> 2.方法 // 频率corn转时间格式 cornFormat(row, column) 阅读全文
posted @ 2025-02-26 09:00 刘酸酸sour 阅读(52) 评论(0) 推荐(0)
2025年2月25日
实现3D地图 并且显示地图动态跳动标识，鼠标滑过标识 显示此标识下的详细信息，红色为异常标识，悬浮框内显示查看详情信息
摘要： <template> <div> <div class="container" style="height: 650px; width: 100%" ref="mapContainer" v-loading="loading" element-loading-background="rgba(0, 阅读全文
posted @ 2025-02-25 17:17 刘酸酸sour 阅读(49) 评论(0) 推荐(0)
echarts实现波形图
摘要： <template> <div class="eWrap" :style="{ height: divHeight }" ref="element"> <div id="echartsDom"></div> </div> </template> <script> import * as echart 阅读全文
posted @ 2025-02-25 17:11 刘酸酸sour 阅读(323) 评论(0) 推荐(0)
CSS实现活跃读者列表的鼠标悬停动画效果
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>【每日一练】91—CSS实现活跃读者列表的鼠标悬停动画效果</title> </head> <body> <section> <div class="box"> <h3>活跃读者排 阅读全文
posted @ 2025-02-25 16:55 刘酸酸sour 阅读(12) 评论(0) 推荐(0)
水滴注册登录页面的动画
摘要： <!DOCTYPE html> <html> <head> <title>【每日一练】107—CSS实现一款水滴注册登录页面的动画效果</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <d 阅读全文
posted @ 2025-02-25 16:54 刘酸酸sour 阅读(7) 评论(0) 推荐(0)
CSS实现一款圆形水滴卡片UI的效果
摘要： <!DOCTYPE html> <html> <head> <title>【每日一练】106—CSS实现一款圆形水滴卡片UI的效果</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div 阅读全文
posted @ 2025-02-25 16:54 刘酸酸sour 阅读(18) 评论(0) 推荐(0)
echarts: legend自定义icon
摘要： 1.引入图片 import iconUrl from '../assets/gas_station.png'; 2.在legend里面定义icon legend: { data: ['审批完成', '待审批', '驳回'], icon: ('image://' + iconUrl + ''), it 阅读全文
posted @ 2025-02-25 16:51 刘酸酸sour 阅读(215) 评论(0) 推荐(0)
el-table组件实现列表自动轮询滚动（vue-seamless-scroll）
摘要： 1、需要配合vue-seamless-scroll插件 npm install vue-seamless-scroll --save 2.可以全局注册也可以局部注册（以下我是全局注册—在main.js如下操作） import vueSeamlessScroll from 'vue-seamless- 阅读全文
posted @ 2025-02-25 16:50 刘酸酸sour 阅读(728) 评论(0) 推荐(0)
弹窗可拖动vue+elementUI项目设置
摘要： 1.在src中新建directive文件夹，并且新建dialogDrag.js文件，内容如下 import Vue from 'vue' // v-dialogDrag: 弹窗拖拽属性 Vue.directive('dialogDrag', { bind (el, binding, vnode, o 阅读全文
posted @ 2025-02-25 16:47 刘酸酸sour 阅读(75) 评论(0) 推荐(0)