src/views/home/content/modal/CheckingTaskModal.vue

@@ -56,7 +56,7 @@ defineExpose({
 <template>  
   <div class="removeMask">
     <!-- <n-modal v-model:show="show" :show-mask="false" :mask-closable="false" transform-origin="center" style="position: fixed;right: 0;bottom: 0;"> -->
-      <div v-if="show" style="position: fixed;right: 0;bottom: 0; float: left; z-index: 999;" >
+      <div v-if="show" style="position: fixed;right: 0;bottom: 0; float: left; z-index: 999;width:360px;height:157px;" >
       <n-card :style="cardStyle" :bordered="false" size="huge" role="dialog" aria-modal="true" style="padding: 8px 8px 0 8px;">
         <div class="wrapper">
           <div class="title">查重进度</div>
@@ -90,9 +90,11 @@ defineExpose({
 }
 .title {
   padding-left: 24px;
+  padding-top: 6px;
   padding-bottom: 10px;
   color: #333333;
-  font-size: 16px
+  font-size: 16px;
+  font-weight: 500;
 }
 
 .msg {
@@ -103,6 +105,8 @@ defineExpose({
   line-height: 54px;
 }
 .removeMask {
+  width: 360px;
+  height: 157px;
   ::v-deep(.n-modal-mask) {
     display: none !important;
   }

src/views/home/content/modal/PackageSettingsModal.vue

@@ -121,7 +121,9 @@ function afterLeave() {
   &-bar {
     background-color: #f8f8f8;
     width: 100%;
-    margin-top: 20px;
+    margin-top: 24px;
+    font-size: 16px;
+    margin-bottom: 16px;
     span {
       color: #333;
     }
@@ -137,6 +139,7 @@ function afterLeave() {
     ::v-deep(.n-form-item-label) {
       color: #666;
       font-weight: 500;
+      margin-bottom: 8px;
     }
   }
 
@@ -160,6 +163,10 @@ function afterLeave() {
     display: flex;
     justify-content: flex-end;
     padding-bottom:6px ;
+    button{
+      font-size: 14px !important;
+      font-weight: 500 !important;
+    }
   }
 
   &-info {
@@ -177,4 +184,8 @@ function afterLeave() {
     }
   }
 }
+
+::v-deep(.n-button--info-type){
+
+}
 </style>