丶小馨
随笔 - 23,  文章 - 3,  评论 - 16,  阅读 - 58992
2024年7月24日
iframe嵌入svg图片动态更改文本样式并进行缩放等功能实现拓扑图
摘要： iframe嵌入svg图片动态更改文本样式并进行缩放等功能实现拓扑图 好久没更了，近期开发遇到的需求，抽空梳理一下~ 需求：实现一个复杂的拓扑图，图中元素的个数，以及各个参数内容是动态展示的。 于是让ui提供了对应的svg图片。 解决思路：使用iframe嵌入svg图片，运用D3.js修改其文本及样式。 html： <iframe class="systemFrame 阅读全文
posted @ 2024-07-24 09:50 丶小馨 阅读(78) 评论(0) 推荐(0) 编辑
2023年5月16日
vue8小时带刻度的时间轴，根据当前时间实时定位
摘要： 效果图： 需求： 1 开始时间、结束时间可配置2 时差固定8小时3 根据当前时间初始化位置4 每隔5s刷新位置5 超过结束时间停止刷新 HTML: <div class="time-axis"> <div class="startTime">{{start_time}}</div> <div cla 阅读全文
posted @ 2023-05-16 16:29 丶小馨 阅读(329) 评论(0) 推荐(0) 编辑
2022年12月8日
vue table表格实现无缝滚动 鼠标进入可悬停
摘要： <el-table ref="table" :data="tableData" :header-cell-style="{background: '#F0F2F7', color: '#606266'}" @cell-mouse-enter="mouseEnter" @cell-mouse-leav 阅读全文
posted @ 2022-12-08 14:23 丶小馨 阅读(1366) 评论(0) 推荐(0) 编辑
2022年12月7日
vue el-input只能输入正整数 替换e - + 等
摘要： 示例：输入分页页数，每页显示条数 <el-input type="number" class="resNums" v-model="item.resNums" :min="1" :max="500" step="10" placeholder="结果显示条数" onKeypress="return( 阅读全文
posted @ 2022-12-07 15:35 丶小馨 阅读(112) 评论(0) 推荐(0) 编辑
2022年8月15日
vue 拖拉改变盒子高度（mousedown、mousemove、mouseup）流畅不卡顿
摘要： 需求：上下两个盒子之间添加可拖拽按钮，实现高度变化 html： <textarea :id="'mycode'+(index*1+1)" :ref="'mycode'+(index*1+1)" v-model="item.sqlContent" class="CodeMirror-hints" :c 阅读全文
posted @ 2022-08-15 16:24 丶小馨 阅读(1974) 评论(2) 推荐(0) 编辑
2022年7月14日
【js】 reduce、filter、map 数组链式调用求加和
摘要： let data = [ {hierarchy: '香蕉', count: 1}, {hierarchy: '苹果', count: 2}, {hierarchy: '葡萄', count: 3}, {hierarchy: '梨', count: 4}, ] let sum = data .filt 阅读全文
posted @ 2022-07-14 15:49 丶小馨 阅读(213) 评论(0) 推荐(0) 编辑
2022年7月5日
【VUE】el-menu导航菜单过长、过多 超出窗口宽度 添加左右滚动按钮实现左右滚动效果
摘要： 本文为原创文章，转载需注明出处~~ 效果图： 项目需求：如果一级菜单过多，需要出现滚动点击按钮。 准备工作：考虑到使用swiper插件，但swiper-slider必须是swiper-wrapper的第一子节点，el-menu没办法套用，放弃！决定自己写： html： 关键css： <-- 按钮样式 阅读全文
posted @ 2022-07-05 11:19 丶小馨 阅读(12117) 评论(0) 推荐(0) 编辑
2022年6月28日
js 做树形数组查询筛选功能
摘要： 对二级菜单进行搜索查询： watch: { librarySearch(val) { if(val == '') { this.libraryFiles = this.libraryFilesAll }else { this.filterNode(val, this.libraryFilesAll) 阅读全文
posted @ 2022-06-28 15:35 丶小馨 阅读(874) 评论(0) 推荐(0) 编辑
2022年6月16日
html5 video标签 去掉边框黑线
摘要： 只需在样式中添加： mix-blend-mode: darken; 注意：IE和Edge浏览器不支持mix-blend-mode属性 阅读全文
posted @ 2022-06-16 15:50 丶小馨 阅读(1374) 评论(2) 推荐(1) 编辑
2022年5月13日
vue codemirro 文件对比 sql编辑器
摘要： 效果图： 安装及引用同上一篇文章，请移步：https://www.cnblogs.com/Lu-Lu/p/16265815.html HTML： <el-dialog class="diffDialog" title="版本对比" :visible.sync="sqlDialogVisible" w 阅读全文
posted @ 2022-05-13 10:57 丶小馨 阅读(573) 评论(0) 推荐(1) 编辑
下一页

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
Copyright © 2025 丶小馨
Powered by .NET 9.0 on Kubernetes Powered By博客园
点击右上角即可分享
微信分享提示