全局操作栏固定修复和切换学期配色调整

2026-08-27 17:02:32 +08:00
parent 06715c0767
commit be7b91ac20
3 changed files with 90 additions and 31 deletions
@@ -247,28 +247,40 @@ export default {
      line-height: normal;
    }

-    ::v-deep .el-input__inner {
-      background: rgba(255, 255, 255, 0.12);
-      border: 1px solid rgba(255, 255, 255, 0.35);
-      color: #fff;
-      border-radius: 7px;
-      height: 36px;
-      padding: 0 12px;
-      display: flex;
-      align-items: center;
-
-      &::placeholder {
-        color: rgba(255, 255, 255, 0.7);
-      }
-    }
-
-    ::v-deep .el-input__inner:hover {
-      border-color: rgba(255, 255, 255, 0.6);
-    }
-
-    ::v-deep .el-input__icon {
-      color: rgba(255, 255, 255, 0.85);
-    }
+  }
+}
+</style>
+
+<style lang="scss">
+/* 顶部学期选择器使用导航栏色系，避免被全局白色表单控件样式覆盖。 */
+#app .semester-bar__switch .semester-select {
+  .el-input__inner {
+    height: 36px;
+    padding: 0 34px 0 13px;
+    border: 1px solid rgba(255, 255, 255, 0.22);
+    border-radius: 7px;
+    color: #ffffff;
+    background: rgba(255, 255, 255, 0.10);
+    box-shadow: none;
+
+    &::placeholder {
+      color: rgba(255, 255, 255, 0.68);
+    }
+
+    &:hover {
+      border-color: rgba(255, 255, 255, 0.38);
+      background: rgba(255, 255, 255, 0.14);
+    }
+
+    &:focus {
+      border-color: rgba(255, 255, 255, 0.55);
+      background: rgba(255, 255, 255, 0.14);
+      box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
+    }
+  }
+
+  .el-input__icon {
+    color: rgba(255, 255, 255, 0.82);
  }
 }
 </style>