el-tree设置树状图样式

结构：

<!-- 左侧树状结构 --><div class="leftTree"><el-tree:data="treeData":props="defaultProps"accordionnode-key="id":default-expanded-keys="[1]":default-checked-keys="[1]"@node-click="handleNodeClick"></el-tree></div>

data中变量：

 data(){return{treeData:[],defaultProps: { children: 'children',label: 'label'},}},

css样式：

.leftTree{flex:1;border: 1px solid;overflow: auto;::v-deep .el-tree {background: #1c1c1a;color: #d5bd87;.el-tree-node__content{height: 80px;border-bottom: 1px dashed #605849;.el-tree-node__label{font-size: 30px;}}.el-tree-node__content:hover {   background-color: transparent;}.el-tree-node:focus > .el-tree-node__content {background-color: #000;border:1px solid #83734f;border-right: none;color: #fff;}.el-tree-node__content>.el-tree-node__expand-icon{font-size: 23px;}}&::-webkit-scrollbar{width: 8px; // 横向滚动条height: 8px; // 纵向滚动条 必写}&::-webkit-scrollbar-thumb{background-color: #d9bb95;border-radius: 3px;}}

el-tree设置树状图样式相关推荐

Tree Map:树状图——绘制COVID-19阵列图
Tree Map树状图, 可视化饼状图用于表示每个数据在总体中的占比, 但当数据个体数量较多,规模差异较大时, 饼状图无法很好展现. 树状图是一种通过空间填充占比展示数据比率的可视化方式.能够很好的 ...
Linux 命令之 tree -- 以树状图列出目录的内容/查看目录内容
文章目录一.命令介绍二.常用选项三.命令示例 (一)按树形结构显示当前目录下的内容 (二)按树状图显示当前目录下的所有目录名称而非文件 (三)列出指定目录下的第一层级的文件和目录名称 (四)不显 ...
linux 树状目录代码,Linux tree - 以树状图列出目录的内容
用途说明 tree命令以树状图列出目录的内容(list contents of directories in a tree-like format.).通常在写文档时需要列一下文件目录结构,这个时候t ...
python实现linux tree目录树状图
内网不能下载linux tree工具包,动手写之. 先上一个能实现最基础功能的乞丐版片段. # coding=utf-8 # Author : BaoJunxian # Date : 2018/11/ ...
MATLAB | 全网唯一,使用MATLAB绘制矩形树状图
绘制效果全网唯一这四个字我都快说腻了,请叫我绘图小天才,又双叒叕写了一个工具函数发到了MATHWORKS,矩形树状图主要用于直观展示各个元素的分类和占比. 编写不易点个赞叭~~ 基本使用需要准备一 ...
Plotly.js使用详细介绍（折线图、饼状图、点图、水平条形图、桑基图、树状图、等值线图）
目录 0 写在前面 1 HTML代码 2 折线图 2.1 基本折线图 2.2 复杂折线图 2.2.1 轨迹 2.2.2 布局 3 饼状图 3.1 基本饼状图 3.2 饼图子图 3.3 甜甜圈图 4 点 ...
【Tableau 图表大全13】之树状图
文章目录树状图样式构建树状图 GIF演示1 树状图中构建详细级别步骤1:创建新参数步骤 2:创建计算字段步骤 3: 使用新字段详细信息级别代替国家/地区 GIF演示2 树状图样式树状图是要 ...
MATLAB | 绘图复刻(三) | 分层聚类分析图：树状图+热图
好久不见啊,今天时绘图复刻第三期,这期画的比较难应该文章也不会太短... 前段时间发现公众号SCIPainter发布了一期名为<如何对基因和蛋白质的表达丰度进行相关性分析>,其中有一幅图很 ...
linux 树状结构图,linux下tree指令的用法, 树状图列出目录, 树状图逐级列出目录...
tree命令,主要功能是创建文件列表,将所有文件以树的形式列出来 linux下的tree就比较强大了,但一般系统并不自带这个命令,需要手动下载安装, 安装 sudo apt install tree ...

el-tree设置树状图样式

el-tree设置树状图样式相关推荐

最新文章

热门文章