12 2020 档案
vue 仿zTree折叠树
摘要:需求: vue实现仿zTree折叠树,此文章仅作为记录文档。 实现: <template> <div class="line-tree"> <div v-for="(item, index) in treeData" :key="index" class="single-content" :clas 阅读全文
posted @ 2020-12-29 10:50 羽丫头不乖 阅读(346) 评论(0) 推荐(0)
vue 折线柱状图
摘要:需求:折线柱状图实现,显示不同提示,颜色,标记等等。 图例: 实现: <template> <div class="transaction-barline"> <p class="lenged-title"> <span class="single-lenged" v-for="(item,inde 阅读全文
posted @ 2020-12-29 10:32 羽丫头不乖 阅读(283) 评论(0) 推荐(0)
js 检测当前浏览其类型
摘要:需求:检测并打印当前使用的浏览器类型 <script type="text/javascript"> function getBrowser(){ const str = navigator.userAgent; const list = [ {key: 'QQBrowser', browser: 阅读全文
posted @ 2020-12-29 10:24 羽丫头不乖 阅读(122) 评论(0) 推荐(0)
Less常用变量与方法记录
摘要:需求:仅记录Lsee常用变量与方法定义,便于使用。…… @color: #000; @title-color: #000; @bg-color: #fff; @small-font: 12px; @large-font: 24px; .set-layout(@f, @j, @a){ display: 阅读全文
posted @ 2020-12-29 10:20 羽丫头不乖 阅读(257) 评论(0) 推荐(0)
js 获取树结构的节点深度
摘要:需求:获取树结构的节点深度。 实现util.js: // 获取节点深度 参数为树结构array function getMaxFloor(treeData){ let deep = 0; function eachData(data, index) { data.forEach(elem => { 阅读全文
posted @ 2020-12-17 20:46 羽丫头不乖 阅读(2966) 评论(0) 推荐(0)
vue 树形数据增加属性并计算树节点的深度
摘要:需求:在一组菜单树结构中转换数据结构(增加一些属性),并计算该树结构的节点深度。 实现util.js: function transferTreeData(arr, vm, list, level, deep={maxLevel: 0}){ if(Object.prototype.toString. 阅读全文
posted @ 2020-12-17 20:39 羽丫头不乖 阅读(1407) 评论(0) 推荐(0)