会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
丶小馨
博客园
首页
博问
闪存
新随笔
订阅
管理
2024年7月24日
iframe嵌入svg图片动态更改文本样式并进行缩放等功能实现拓扑图
摘要:
好久没更了,近期开发遇到的需求,抽空梳理一下~ 需求:实现一个复杂的拓扑图,图中元素的个数,以及各个参数内容是动态展示的。 于是让ui提供了对应的svg图片。 解决思路:使用iframe嵌入svg图片,运用D3.js修改其文本及样式。 html: <iframe class="systemFrame
阅读全文
posted @ 2024-07-24 09:50 丶小馨
阅读(10)
评论(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 丶小馨
阅读(261)
评论(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 丶小馨
阅读(1223)
评论(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 丶小馨
阅读(98)
评论(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 丶小馨
阅读(1760)
评论(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 丶小馨
阅读(199)
评论(0)
推荐(0)
编辑
2022年7月5日
【VUE】el-menu导航菜单过长、过多 超出窗口宽度 添加左右滚动按钮实现左右滚动效果
摘要: 本文为原创文章,转载需注明出处~~ 效果图: 项目需求:如果一级菜单过多,需要出现滚动点击按钮。 准备工作:考虑到使用swiper插件,但swiper-slider必须是swiper-wrapper的第一子节点,el-menu没办法套用,放弃!决定自己写: html: 关键css: <-- 按钮样式
阅读全文
posted @ 2022-07-05 11:19 丶小馨
阅读(10931)
评论(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 丶小馨
阅读(837)
评论(0)
推荐(0)
编辑
2022年6月16日
html5 video标签 去掉边框黑线
摘要: 只需在样式中添加: mix-blend-mode: darken; 注意:IE和Edge浏览器不支持mix-blend-mode属性
阅读全文
posted @ 2022-06-16 15:50 丶小馨
阅读(1240)
评论(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 丶小馨
阅读(542)
评论(0)
推荐(1)
编辑
下一页