btns

src/components/modals/EjectLiquid.vue

@@ -16,14 +16,14 @@
         </div>
       </div>
       <div class="btns">
-        <div class="stop_wrap">
-          <div class="stop_btn">
+        <div class="disable_wrap">
+          <div class="real_btn">
             <img :src="StopIcon" class="icon" alt="" />
             <p class="text">暂停排出</p>
           </div>
         </div>
         <div class="start_wrap">
-          <div class="start_btn">
+          <div class="real_btn">
             <img :src="StartIcon" class="icon" alt="" />
             <p class="text">排出液氮</p>
           </div>
@@ -124,7 +124,7 @@ import UpperTank from 'cpns/charts/UpperTank'
       align-items: center;
       padding: 0 20px 15px 20px;
       box-sizing: border-box;
-      .stop_wrap {
+      .disable_wrap {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -133,7 +133,7 @@ import UpperTank from 'cpns/charts/UpperTank'
         border-radius: 54px;
         margin-right: 20px;
         background: rgba(199, 204, 208, 0.2);
-        .stop_btn {
+        .real_btn {
           width: 296px;
           height: 88px;
           border-radius: 44px;
@@ -166,7 +166,7 @@ import UpperTank from 'cpns/charts/UpperTank'
         height: 108px;
         border-radius: 54px;
         background: rgba(23, 241, 121, 0.2);
-        .start_btn {
+        .real_btn {
           width: 296px;
           height: 88px;
           border-radius: 44px;
@@ -191,6 +191,39 @@ import UpperTank from 'cpns/charts/UpperTank'
           }
         }
       }
+      .stop_wrap {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 320px;
+        height: 108px;
+        border-radius: 54px;
+        background: rgba(250, 28, 28, 0.2);
+        .real_btn {
+          width: 296px;
+          height: 88px;
+          border-radius: 44px;
+          background: #fa1c1c;
+          box-sizing: border-box;
+          border: 2px solid #b71212;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          .icon {
+            width: 40px;
+            height: 40px;
+            margin-right: 13px;
+          }
+          .text {
+            font-family: Source Han Sans CN;
+            font-size: 36px;
+            font-weight: bold;
+            line-height: normal;
+            letter-spacing: 0.04em;
+            color: #ffffff;
+          }
+        }
+      }
     }
   }
 }