详情按钮

src/components/Operator.vue

@@ -223,14 +223,14 @@ onUnmounted(() => {
       }
       .detail_btn {
         width: 105px;
-        height: 31px;
-        border-radius: 16px;
+        height: 40px;
+        border-radius: 20px;
         background: #06518b;
         display: flex;
         align-items: center;
         justify-content: center;
         font-family: Source Han Sans CN;
-        font-size: 12px;
+        font-size: 18px;
         font-weight: normal;
         letter-spacing: 0.1em;
         color: #ffffff;

src/components/Progress.vue

@@ -693,14 +693,14 @@ const continueDisinfect = () => {
     padding-right: 16px;
     .detail {
       width: 105px;
-      height: 31px;
-      border-radius: 16px;
+      height: 40px;
+      border-radius: 20px;
       background: #06518b;
       display: flex;
       align-items: center;
       justify-content: center;
       font-family: Source Han Sans CN;
-      font-size: 12px;
+      font-size: 18px;
       font-weight: normal;
       letter-spacing: 0.1em;
       color: #ffffff;

src/components/Test.vue

@@ -27,10 +27,10 @@
         <p>P</p>
       </div>
       <div class="btn_wrap">
-        <div class="open" @click="setAddLiquidConfig(1)">正转</div>
-        <div class="open" @click="setAddLiquidConfig(5)">反转</div>
+        <div class="open style-btn" @click="setAddLiquidConfig(1)">正转</div>
+        <div class="open style-btn" @click="setAddLiquidConfig(5)">反转</div>
         <div
-          class="open"
+          class="open style-btn"
           @click="setAddLiquidConfig(3)"
           style="margin-right: 0"
         >
@@ -65,10 +65,10 @@
         <p>P</p>
       </div>
       <div class="btn_wrap">
-        <div class="open" @click="setAddLiquidConfig(2)">正转</div>
-        <div class="open" @click="setAddLiquidConfig(6)">反转</div>
+        <div class="open style-btn" @click="setAddLiquidConfig(2)">正转</div>
+        <div class="open style-btn" @click="setAddLiquidConfig(6)">反转</div>
         <div
-          class="open"
+          class="open style-btn"
           @click="setAddLiquidConfig(4)"
           style="margin-right: 0"
         >
@@ -88,13 +88,17 @@
       </p>
       <div class="btn_wrap">
         <div
-          :class="testStore.airCompressor ? 'close' : 'open'"
+          :class="
+            testStore.airCompressor ? 'close style-btn' : 'open style-btn'
+          "
           @click="changeAirStatus(1)"
         >
           打开
         </div>
         <div
-          :class="!testStore.airCompressor ? 'close' : 'open'"
+          :class="
+            !testStore.airCompressor ? 'close style-btn' : 'open style-btn'
+          "
           @click="changeAirStatus(2)"
         >
           关闭
@@ -106,13 +110,13 @@
       <p class="num">{{ testStore?.airBlowerObj?.currentVal }} A</p>
       <div class="btn_wrap">
         <div
-          :class="testStore.draughtFan ? 'close' : 'open'"
+          :class="testStore.draughtFan ? 'close style-btn' : 'open style-btn'"
           @click="changeDraughtStatus(1)"
         >
           打开
         </div>
         <div
-          :class="!testStore.draughtFan ? 'close' : 'open'"
+          :class="!testStore.draughtFan ? 'close style-btn' : 'open style-btn'"
           @click="changeDraughtStatus(2)"
         >
           关闭
@@ -124,13 +128,15 @@
       <p class="num">{{ testStore?.heatingStripObj?.currentVal }} A</p>
       <div class="btn_wrap">
         <div
-          :class="testStore.heatingStrip ? 'close' : 'open'"
+          :class="testStore.heatingStrip ? 'close style-btn' : 'open style-btn'"
           @click="changeHeatingStatus(1)"
         >
           打开
         </div>
         <div
-          :class="!testStore.heatingStrip ? 'close' : 'open'"
+          :class="
+            !testStore.heatingStrip ? 'close style-btn' : 'open style-btn'
+          "
           @click="changeHeatingStatus(2)"
         >
           关闭
@@ -140,12 +146,16 @@
     <div class="common_set update_wrap">
       <p class="title">水浸1</p>
       <p class="num">{{ testStore.waterImmersionSensor1 ? '有水' : '没水' }}</p>
-      <div class="btn_wrap" @click="handleUpdate">更新读取水浸状态</div>
+      <div class="btn_wrap style-btn" @click="handleUpdate">
+        更新读取水浸状态
+      </div>
     </div>
     <div class="common_set update_wrap">
       <p class="title">水浸2</p>
       <p class="num">{{ testStore.waterImmersionSensor2 ? '有水' : '没水' }}</p>
-      <div class="btn_wrap" @click="handleUpdate">更新读取水浸状态</div>
+      <div class="btn_wrap style-btn" @click="handleUpdate">
+        更新读取水浸状态
+      </div>
     </div>
     <div class="common_set update_wrap">
       <p class="title">液位</p>
@@ -157,7 +167,9 @@
         }}
         kPa/100g
       </p>
-      <div class="btn_wrap" @click="handleUpdate">更新读取液位状态</div>
+      <div class="btn_wrap style-btn" @click="handleUpdate">
+        更新读取液位状态
+      </div>
     </div>
     <div class="common_set info_wrap">
       <p class="title">仓内</p>