|
@@ -96,8 +96,8 @@ const leftSides = ref([
|
|
|
const sideClick = (item) => {
|
|
|
leftType.value = item.infoType
|
|
|
}
|
|
|
-// TODO @dhb52: 侧边栏样式,在黑暗模式下,颜色会不对。是不是可以读取主题色哈;
|
|
|
</script>
|
|
|
+
|
|
|
<style lang="scss" scoped>
|
|
|
.side-item-list {
|
|
|
top: 0;
|
|
@@ -105,8 +105,8 @@ const sideClick = (item) => {
|
|
|
left: 0;
|
|
|
z-index: 1;
|
|
|
font-size: 14px;
|
|
|
- background-color: white;
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
+ background-color: var(--el-bg-color);
|
|
|
+ border: 1px solid var(--el-border-color);
|
|
|
border-radius: 5px;
|
|
|
|
|
|
.side-item {
|
|
@@ -115,21 +115,17 @@ const sideClick = (item) => {
|
|
|
padding: 0 20px;
|
|
|
line-height: 50px;
|
|
|
cursor: pointer;
|
|
|
-
|
|
|
- i {
|
|
|
- color: #999;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.side-item-default {
|
|
|
- color: #333;
|
|
|
+ color: var(--el-text-color-primary);
|
|
|
border-right: 2px solid transparent;
|
|
|
}
|
|
|
|
|
|
.side-item-select {
|
|
|
- color: #409eff;
|
|
|
- background-color: #ecf5ff;
|
|
|
+ color: var(--el-color-primary);
|
|
|
+ background-color: var(--el-color-primary-light-9);
|
|
|
border-right: 2px solid var(--el-color-primary);
|
|
|
}
|
|
|
|