root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix: Backlog侧边栏样式黑暗模式显示问题

Browse Source
This commit is contained in:
dhb52 2024-02-14 23:28:25 +08:00
parent ae3d44d8bd
commit a2de0665eb
1 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/crm/backlog/index.vue
View File

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