ソースを参照

refactor(live-stream): optimize input and table component structure

- Consolidated multiple lines of code into single lines for improved readability in the live stream view.
- Streamlined the layout of input fields and table components, enhancing the overall user experience.
- Maintained existing functionality while improving visual clarity and consistency across the interface.
yb 2 日 前
コミット
0a765f9314
1 ファイル変更6 行追加14 行削除
  1. 6 14
      src/views/live-stream/index.vue

+ 6 - 14
src/views/live-stream/index.vue

@@ -2649,7 +2649,7 @@ onMounted(async () => {
 
       &:hover {
         transform: translate(-50%, -50%) scale(1.15);
-        background: #9ca3af;
+        background: white;
 
         .point-tooltip {
           opacity: 1;
@@ -2659,17 +2659,13 @@ onMounted(async () => {
 
       &.active {
         background: #ffffff; // 激活 - 白色
-        box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
-
-        .point-number {
-          color: #000;
-        }
       }
 
       &.selected {
         transform: translate(-50%, -50%) scale(1.15);
         background: #3b82f6; // 选中 - 蓝色
         box-shadow: 0 0 12px rgba(59, 130, 246, 0.7);
+        color: white;
         z-index: 10;
 
         .point-tooltip {
@@ -2682,9 +2678,9 @@ onMounted(async () => {
         background: #818cf8; // 巡航走过 - 主题色(紫蓝色)
         box-shadow: 0 0 8px rgba(129, 140, 248, 0.6);
 
-        .point-number {
-          color: #fff;
-        }
+        // .point-number {
+        //   color: #fff;
+        // }
       }
 
       &.dragging {
@@ -2704,15 +2700,11 @@ onMounted(async () => {
           opacity: 0;
           visibility: hidden;
         }
-
-        .point-number {
-          color: #000;
-        }
       }
 
       // 圆内数字
       .point-number {
-        color: #fff;
+        // color: #fff;
         font-size: 11px;
         font-weight: 600;
         pointer-events: none;