弹框样式调整

src/views/caseManagement/components/payDialog.vue

@@ -7,6 +7,7 @@
       width="800px"
       append-to-body
       :destroy-on-close="true"
+      center
     >
       <el-descriptions title="订单信息">
         <el-descriptions-item label="案件编号：">{{
@@ -41,7 +42,7 @@
       </div>
       <div class="payTitle">{{ payMain }}</div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="payCancel">取 消</el-button>
+        <el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
       </div>
     </el-dialog>
   </div>
@@ -135,4 +136,24 @@ export default {
   width: 100%;
   text-align: center;
 }
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
 </style>