|
|
|
@ -61,3 +61,32 @@ onMounted(async () => {
|
|
|
|
|
await getTree()
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
/* 修改树形控件内部节点的高度 */
|
|
|
|
|
.el-tree /deep/ .el-tree-node__content {
|
|
|
|
|
height: 50px;
|
|
|
|
|
line-height: 50px; /* 设置内容垂直居中 */
|
|
|
|
|
transition: background-color 0.3s; /* 鼠标悬停时的过渡效果 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 鼠标悬停时的样式 */
|
|
|
|
|
.el-tree /deep/ .el-tree-node__content:hover {
|
|
|
|
|
background-color: rgba(51, 153, 255, 0.3); /* 浅蓝色 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 点击时的样式 */
|
|
|
|
|
.el-tree /deep/ .el-tree-node__content.is-selected {
|
|
|
|
|
background-color: #212121; /* 深黑色 */
|
|
|
|
|
color: #ffffff; /* 文字颜色 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-tree--highlight-current /deep/.el-tree-node.is-current>.el-tree-node__content {
|
|
|
|
|
background-color: rgba(51, 153, 255, 1);
|
|
|
|
|
color: #ffffff; /* 文字颜色 */
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.el-table--border .el-table__cell {
|
|
|
|
|
border-right:none ;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|