重复弹窗样式

src/assets/icons/close-white.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1711433938252" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7299" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64z m0 80C308.752 144 144 308.752 144 512s164.752 368 368 368 368-164.752 368-368S715.248 144 512 144z m158.896 182.592l1.52 1.328 22.688 22.56a16 16 0 0 1 0.064 22.624L557.12 512l138.048 138.88a16 16 0 0 1 1.28 21.136l-1.344 1.504-22.688 22.56a16 16 0 0 1-22.64-0.064L512 557.392l-137.776 138.624a16 16 0 0 1-21.12 1.392l-1.52-1.328-22.688-22.56a16 16 0 0 1-1.392-21.12l1.328-1.504L466.88 512l-138.048-138.88a16 16 0 0 1-1.28-21.136l1.344-1.504 22.688-22.56a16 16 0 0 1 21.12-1.28l1.52 1.344L512 466.608l137.792-138.624a16 16 0 0 1 21.12-1.392z" p-id="7300" fill="#ffffff"></path></svg>

src/views/final/comp/RepeatModal.vue

@@ -65,8 +65,8 @@ defineExpose({
     <div class="wrapper">
       <div class="closed">
         <SvgIcon
-          style="cursor: pointer"
-          name="cut-down"
+          class="icon"
+          name="close-white"
           width="32"
           @click="closeModal"
         />
@@ -99,8 +99,8 @@ defineExpose({
           </div>
         </n-scrollbar>
         <div class="footer">
-          <SvgIcon style="cursor: pointer;" name="r1" width="162" height="54" @click="reject" />
-          <SvgIcon style="cursor: pointer;" name="r4" width="162" height="54" @click="viewRepeat" />
+          <img class="img-btn1" src="@/assets/images/btn_pass.png" alt="" @click="reject">
+          <img class="img-btn" src="@/assets/images/btn_repeat.png" alt="" @click="viewRepeat">
         </div>
       </div>
     </div>
@@ -121,11 +121,16 @@ defineExpose({
   left: calc(50% - 350px);
   .closed {
     position: relative;
-    top: 0px;
-    left: 90%;
+    .icon{
+      cursor: pointer;
+      position: absolute;
+      top: 10px;
+      right: 7px;
+    }
   }
   .wrapper-header {
     padding-top: 40px;
+    margin-top: 80px;
     text-align: center;
     .wrapper-title {
       text-align: center;
@@ -265,5 +270,15 @@ defineExpose({
     font-size: 22px;
     margin: 0px 5px
   }
+
+  .img-btn1{
+    width: 162px;
+    height: 54px;
+  }
+
+  .img-btn{
+    width: 173px;
+    height: 54px;
+  }
 }
 </style>