diff --git a/src/view/LargeScreen/index.vue b/src/view/LargeScreen/index.vue index 5aad996..0fbdc12 100644 --- a/src/view/LargeScreen/index.vue +++ b/src/view/LargeScreen/index.vue @@ -7,7 +7,7 @@ highlight-current />
- +

大屏1

@@ -22,17 +22,17 @@
子看板尺寸:
- - + +
全屏显示模式:
- - 等比缩放 - 适应屏幕 - 拉伸填充 - + + 等比缩放 + 适应屏幕 + 拉伸填充 +
填充颜色:
@@ -42,10 +42,10 @@
-
这里是标题
+
-
这里是标题
+
@@ -108,11 +108,12 @@ const tooles = ref([ background-color: #8497a5; color: #fff; } + .MainPage :deep(.el-text.is-truncated) { color: #fff; } -.MainPage :deep(.el-tree-node__content:hover){ +.MainPage :deep(.el-tree-node__content:hover) { background-color: #6793d6; color: #fff; } @@ -121,12 +122,15 @@ const tooles = ref([ .MainPage :deep(.el-tabs__item) { color: #bbb; } + .MainPage :deep(.el-tabs__item.is-active) { color: #0078d4; } + .MainPage :deep(.el-tabs__nav-wrap:after) { background: none; } + .MainPage :deep(.el-tabs__active-bar) { background-color: #0078d4; } @@ -137,17 +141,21 @@ const tooles = ref([ border: 1px solid #444; box-shadow: none; } + .MainPage :deep(.el-input__wrapper:hover) { border-color: #555; } + .MainPage :deep(.el-input__wrapper.is-focus) { border-color: #0078d4; box-shadow: 0 0 0 1px rgba(0, 120, 212, 0.2); } + .MainPage :deep(.el-input__inner) { color: #fff; background-color: transparent; } + .MainPage :deep(.el-input-group__append, .el-input-group__prepend) { padding: 0px 8px; background-color: #444; @@ -160,22 +168,29 @@ const tooles = ref([ background-color: #333; border-color: #444; } + .MainPage :deep(.el-select .el-input__inner) { color: #fff; } + .MainPage :deep(.el-select__caret) { color: #bbb; } + .MainPage :deep(.el-select__wrapper) { background: none; } +.MainPage :deep(.el-input-group__append) { + box-shadow: none; +} /* 折叠面板样式 */ .MainPage :deep(.el-collapse) { border: none; background-color: transparent; } + .MainPage :deep(.el-collapse-item__header) { background-color: #2a2a2a; color: #fff; @@ -184,16 +199,20 @@ const tooles = ref([ padding: 12px 16px; font-weight: 500; } + .MainPage :deep(.el-collapse-item__header:hover) { background-color: #333; } + .MainPage :deep(.el-collapse-item__arrow) { color: #bbb; } + .MainPage :deep(.el-collapse-item__wrap) { border: none; background-color: #222; } + .MainPage :deep(.el-collapse-item__content) { padding: 16px; background-color: #222; @@ -205,6 +224,7 @@ const tooles = ref([ border: 1px solid #444; background-color: #333; } + .MainPage :deep(.el-color-picker__trigger:hover) { border-color: #555; } @@ -212,7 +232,7 @@ const tooles = ref([ .LeftBox, .RightBox { - width: 300px; + width: 250px; background-color: #252525; padding: 15px; border-right: 1px solid #333; @@ -248,12 +268,14 @@ h2 { margin-bottom: 12px; padding: 8px 0; } + .SetName { - font-size: 14px; + font-size: 12px; white-space: nowrap; color: #ccc; min-width: 80px; } + .SetValue { display: flex; gap: 8px; @@ -271,5 +293,4 @@ h2 { border: 1px dashed #555; border-radius: 4px; } -