倒计时修改

src/views/train/multiple.vue

@@ -5,7 +5,7 @@
       <transition :enter-active-class="proxy?.animate.dialog.enter" :leave-active-class="proxy?.animate.dialog.leave">
         <div class="time" v-show="[42].includes(examState)">{{
           time.countdownNum
-        }}</div>
+          }}</div>
       </transition>
       <div class="testBox"
         :class="{ 'testBox1': styleType == 1, 'testBox2': styleType == 2, 'testBox3': styleType == 3 }">
@@ -37,11 +37,9 @@
       <transition :enter-active-class="proxy?.animate.face.enter" :leave-active-class="proxy?.animate.face.leave2">
         <div class="confirmDiaBg" v-show="examState == 43 && time.ready">
           <div class="confirmDiaWindow">
-            <div class="confirmDiaWindow-con">
-              <div class="readyBox">
-                <div class="value">{{ time.ready }}</div>
-                <div class="lable">倒计时</div>
-              </div>
+            <div class="readyBox">
+              <div class="lable">倒计时</div>
+              <div class="value">{{ time.ready }}</div>
             </div>
           </div>
         </div>
@@ -530,64 +528,31 @@ $waiPadding: 6.51rem;
     height: 43.4%;
     border-radius: 29px;
     opacity: 1;
-    background: radial-gradient(122% 126% at 97% 6%, #35FFC6 0%, #00FFE8 100%);
+    background: rgba(255, 255, 255, 0.01);
+    box-sizing: border-box;
+    border: 10px solid #13ED84;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     position: fixed;
 
-    .confirmDiaWindow-con {
-      .pic {
-        width: 22.3vh;
-        height: 22.3vh;
-        border-radius: 50%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        overflow: hidden;
-        position: relative;
-        margin: 0 auto 2vh auto;
-
-        .shine {
-          position: absolute;
-          left: -5vh;
-          top: 0;
-          width: 5vh;
-          height: 22.3vh;
-          animation: shineani 3s infinite;
-          -webkit-animation: shineani 3s infinite;
-          z-index: 1;
-
-          img {
-            width: 100%;
-            height: 100%;
-          }
-        }
-
-        img {
-          width: 100%;
-        }
-      }
 
-      .pic2 {
-        box-sizing: border-box;
-        border: 0.44rem solid rgba(26, 41, 58, 0.6315);
-      }
+    .readyBox {
+      text-align: center;
+      color: #1A293A;
 
-      .name {
-        width: 100%;
-        color: #1A293A;
-        font-size: 2.21rem;
+      .value {
+        font-size: 8.5rem;
+        line-height: 8.5rem;
+        font-family: 'Saira-BlackItalic';
       }
 
-      .name2 {
-        padding: 0 0.3rem;
-        border-radius: 1.1rem;
-        background: radial-gradient(96% 96% at 2% 32%, #FFFFFF 0%, #FCFDFD 54%, #E1E4E7 100%);
-        box-shadow: inset 0px 1px 0px 2px rgba(255, 255, 255, 0.9046), inset 0px 3px 6px 0px rgba(0, 0, 0, 0.0851);
+      .lable {
+        font-size: 3.5rem;
       }
     }
+
   }
 }