摘要： 好久没更了，近期开发遇到的需求，抽空梳理一下~ 需求：实现一个复杂的拓扑图，图中元素的个数，以及各个参数内容是动态展示的。 于是让ui提供了对应的svg图片。 解决思路：使用iframe嵌入svg图片，运用D3.js修改其文本及样式。 html： <iframe class="systemFrame 阅读全文

摘要： 效果图： 需求： 1 开始时间、结束时间可配置2 时差固定8小时3 根据当前时间初始化位置4 每隔5s刷新位置5 超过结束时间停止刷新 HTML: <div class="time-axis"> <div class="startTime">{{start_time}}</div> <div cla 阅读全文

摘要： <el-table ref="table" :data="tableData" :header-cell-style="{background: '#F0F2F7', color: '#606266'}" @cell-mouse-enter="mouseEnter" @cell-mouse-leav 阅读全文

摘要： 示例：输入分页页数，每页显示条数 <el-input type="number" class="resNums" v-model="item.resNums" :min="1" :max="500" step="10" placeholder="结果显示条数" onKeypress="return( 阅读全文

摘要： 需求：上下两个盒子之间添加可拖拽按钮，实现高度变化 html： <textarea :id="'mycode'+(index*1+1)" :ref="'mycode'+(index*1+1)" v-model="item.sqlContent" class="CodeMirror-hints" :c 阅读全文

摘要： let data = [ {hierarchy: '香蕉', count: 1}, {hierarchy: '苹果', count: 2}, {hierarchy: '葡萄', count: 3}, {hierarchy: '梨', count: 4}, ] let sum = data .filt 阅读全文

摘要： 本文为原创文章，转载需注明出处~~ 效果图： 项目需求：如果一级菜单过多，需要出现滚动点击按钮。 准备工作：考虑到使用swiper插件，但swiper-slider必须是swiper-wrapper的第一子节点，el-menu没办法套用，放弃！决定自己写： html： 关键css： <-- 按钮样式 阅读全文

摘要： 对二级菜单进行搜索查询： watch: { librarySearch(val) { if(val == '') { this.libraryFiles = this.libraryFilesAll }else { this.filterNode(val, this.libraryFilesAll) 阅读全文

摘要： 只需在样式中添加： mix-blend-mode: darken; 注意：IE和Edge浏览器不支持mix-blend-mode属性 阅读全文

摘要： 效果图： 安装及引用同上一篇文章，请移步：https://www.cnblogs.com/Lu-Lu/p/16265815.html HTML： <el-dialog class="diffDialog" title="版本对比" :visible.sync="sqlDialogVisible" w 阅读全文