fxz/RuoYi-Vue3-Mirror
1
0
Fork 0
mirror of https://gitcode.com/yangzongzhuan/RuoYi-Vue3.git synced 2026-05-23 11:18:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

新增树分割组件TreePanel

Browse Source
This commit is contained in:
RuoYi
2026-04-01 21:35:39 +08:00
parent b604df9dca
commit dd8eadd06f
5 changed files with 891 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/styles/variables.module.scss
+28 -17
View File
@@ -194,25 +194,36 @@ html.dark {
}
/* 分割窗格覆盖 */
.splitpanes {
background-color: var(--splitpanes-bg);
.splitpanes__pane {
background-color: var(--splitpanes-bg);
border-color: var(--splitpanes-border);
.tree-sidebar-manage-wrap {
.tree-sidebar-content {
background: var(--splitpanes-bg);
}
.splitpanes__splitter {
background-color: var(--splitpanes-splitter-bg);
border-color: var(--splitpanes-border);
&:hover {
background-color: var(--splitpanes-splitter-hover-bg);
.tree-sidebar {
border-right: 1px solid var(--splitpanes-splitter-bg);
background: var(--splitpanes-bg);
.tree-header {
background: var(--splitpanes-bg);
border-color: var(--splitpanes-border);
}
&:before,
&:after {
background-color: var(--splitpanes-border);
.tree-title {
color: var(--el-color-primary-light-2);
}
.collapse-button-container {
background: var(--splitpanes-bg) !important;
}
.collapse-button {
&:hover {
color: var(--el-color-primary-light-2);
background: var(--splitpanes-bg);
}
}
.resize-handle {
&:hover {
background: var(--splitpanes-splitter-hover-bg);
}
&.active {
background: var(--splitpanes-splitter-hover-bg);
}
}
}
}