优化孵育盘样式

components.d.ts

@@ -10,8 +10,6 @@ declare module 'vue' {
     ElButton: typeof import('element-plus/es')['ElButton']
     ElFooter: typeof import('element-plus/es')['ElFooter']
     ElHeader: typeof import('element-plus/es')['ElHeader']
-    ElIcon: typeof import('element-plus/es')['ElIcon']
-    ElInput: typeof import('element-plus/es')['ElInput']
     ElPopover: typeof import('element-plus/es')['ElPopover']
     ErrorModal: typeof import('./src/components/dialogs/ErrorModal.vue')['default']
     Keyboard: typeof import('./src/components/Keyboard.vue')['default']
@@ -20,7 +18,4 @@ declare module 'vue' {
     SimpleKeyboard: typeof import('./src/components/SimpleKeyboard.vue')['default']
     StackInfoModal: typeof import('./src/components/dialogs/StackInfoModal.vue')['default']
   }
-  export interface ComponentCustomProperties {
-    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
-  }
 }

src/pages/Index/Regular/Running.vue

@@ -94,7 +94,7 @@ border-radius: 5px;
           </div>
           <span class="time">{{ getRemainingTime(item) }}</span>
         </template>
-        <div v-show="currentIndex == index" :style="`margin-top:${item.pos=='EMERGENCY'?'20px':'50px'}`" class="quan">{{ index +1 }}</div>
+        <div  :style="`margin-top:${item.pos=='EMERGENCY'?'35px':'70px'};background-color:${currentIndex == index?'red':'rgb(149, 149, 149)'}`" class="quan">{{ index +1 }}</div>
       </div> 
     </div>
     <div class="consumables-container">
@@ -1157,8 +1157,8 @@ onUnmounted(() => {
   // 孵育盘
   .circular-loader {
     position: relative;
-    width: 800px;
-    height: 800px;
+    width: 900px;
+    height: 900px;
     border-radius: 50%;
     background-color: #f0f2f5;
     display: flex;
@@ -1205,10 +1205,10 @@ onUnmounted(() => {
     .rectangular-item {
       position: absolute;
       left: 50%; // 将所有矩形的起始位置设置在圆心
-      top: 74.5%; // 将所有矩形的起始位置设置在圆心
+      top: 38rem; // 将所有矩形的起始位置设置在圆心
       width: 75px;
       height: 170px;
-      transform-origin: center -110px; // 调整旋转中心点
+      transform-origin: center -70px; // 调整旋转中心点
       border-radius: 12px;
       background-color: #721616;
       box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
@@ -1552,12 +1552,14 @@ onUnmounted(() => {
   }
 }
 .quan {
-  width: 18px;
+  width: 40px;
   height: 18px;
   line-height: 18px;
   text-align: center;
-  border-radius: 50%;
-  border: 2px solid red;
+  border-radius: 5%;
+  background-color: rgb(149, 149, 149);
+  border: 1px solid rgb(114, 111, 111);
+  color: rgb(255, 255, 255);
   font-size: 13px;
 }
 .tube-container {