样式调整

src/components/composer/ComposerList.vue

@@ -342,4 +342,9 @@ export default defineComponent({
   display: flex;
   align-items: center;
 }
+
+.section-header .q-field--focused .q-field__prepend .q-icon {
+  animation: shake 0.8s ease;
+  color: var(--q-primary);
+}
 </style>

src/components/composer/common/BorderLabel.vue

@@ -79,7 +79,7 @@ export default {
   position: absolute;
   top: -9px;
   left: 16px;
-  background: #fff;
+  background-color: #fafafa;
   color: rgba(0, 0, 0, 0.6);
   font-size: 12px;
   line-height: 16px;
@@ -153,8 +153,8 @@ export default {
 }
 
 .body--dark .label-header {
-  background: #303133;
   color: rgba(255, 255, 255, 0.7);
+  background-color: #2e2e2e;
 }
 
 /* 动画优化 */

src/components/composer/ubrowser/UBrowserEditor.vue

@@ -125,7 +125,6 @@ export default {
   flex-direction: column;
   height: 100%;
   width: 100%;
-  background-color: var(--q-card-background);
 }
 
 .ubrowser-panels {
@@ -151,7 +150,6 @@ export default {
 .ubrowser-editor :deep(.q-tabs) {
   min-height: 36px;
   padding: 0 8px;
-  background-color: var(--q-card-background);
 }
 
 .ubrowser-editor :deep(.q-tab--active) {
@@ -170,13 +168,4 @@ export default {
 .ubrowser-editor :deep(.q-tab__label) {
   font-size: 13px;
 }
-
-/* 暗色模式适配 */
-.body--dark .ubrowser-editor {
-  background-color: var(--q-dark);
-}
-
-.body--dark .ubrowser-editor :deep(.q-tabs) {
-  background-color: var(--q-dark);
-}
 </style>

src/components/config/FooterBar.vue

@@ -239,22 +239,8 @@ export default {
   background: rgba(var(--q-primary-rgb), 0.1) !important;
 }
 
-/* 搜索框动画 */
-@keyframes searchIconShake {
-  0%,
-  100% {
-    transform: rotate(0deg);
-  }
-  25% {
-    transform: rotate(-10deg);
-  }
-  75% {
-    transform: rotate(10deg);
-  }
-}
-
 .q-field--focused .q-field__prepend .q-icon {
-  animation: searchIconShake 0.8s ease;
+  animation: shake 0.8s ease;
   color: var(--q-primary);
 }
 

src/css/app.css

@@ -307,7 +307,11 @@ body.body--dark.glass-effect-menu .q-menu {
   font-size: 12px;
 }
 
-/* 左右抖动 */
+.body--dark .q-tab-panels {
+  background-color: transparent;
+}
+
+/* 左右移动 */
 @keyframes leftRight {
   0% {
     transform: translateX(-2px);
@@ -325,7 +329,7 @@ body.body--dark.glass-effect-menu .q-menu {
   }
 }
 
-/* 上下抖动 */
+/* 上下移动 */
 @keyframes upDown {
   0% {
     transform: translateY(-1px);
@@ -347,3 +351,20 @@ body.body--dark.glass-effect-menu .q-menu {
     opacity: 1;
   }
 }
+
+/* 左右抖动 */
+@keyframes shake {
+
+  0%,
+  100% {
+    transform: rotate(0deg);
+  }
+
+  25% {
+    transform: rotate(-10deg);
+  }
+
+  75% {
+    transform: rotate(10deg);
+  }
+}