可以看到tree的内容与左边有一个88px的间距,起初看到觉得很容易,给容器加一个padding-left: 88px就可以了。可是似乎并没那么简单。。。 /deep/.el-tree-node__content { padding-left: 88px !important; } 1. 2. 3. 看看结果 似乎是对的,但是注意,这张图中所有父子节点与左边的内容都是88px,这是因为el...
默认展开第一层,左侧添加蓝色条条 点击任意一项时,左侧添加蓝色条条,其他的蓝色条条均消失 我们可以自由控制el-tree里面文字的样式,但是由于CSS暂时不支持通过子元素去查找父元素,所以无法通过自己设置样式去修改。 可以观察到,在开启了highlight-current时,el-tree的选中项,均有一个is-current的类名,所以我们可以通...
默认开展第一层,左侧增加蓝色条条 点击任意一项时,左侧增加蓝色条条,其余的蓝色条条均消失 我们可以自由控制el-tree里面文字的样式,但是因为CSS暂时不支持通过子元素去查找父元素,所以无法通过自定义样式去修改。 可以观察到,在开启了highlight-current时,el-tree的选中项,均有一个is-current的类名,所以我们可以通过...
属性值置空
可以观察到，在开启了 highlight-current 时，el-tree的选中项，均有一个 is-current 的类名，所以我们可以通过给 is-current 下面的 el-tree-node__content 添加一个伪类，就可以实现左边的蓝色小条条。这样可以实现在每次点击时，左边都会有个小条条的需求。但是还有一个问题，就是在树形图默认...