浏览代码

通用弹框样式更改

chenrui 3 年之前
父节点
当前提交
5ac9f611bb
共有 1 个文件被更改,包括 3 次插入4 次删除
  1. 3 4
      src/views/common/commonModal.vue

+ 3 - 4
src/views/common/commonModal.vue

@@ -6,6 +6,7 @@
     :maskClosable="false"
     :maskClosable="false"
     v-model="isShow"
     v-model="isShow"
     :title="modalTit"
     :title="modalTit"
+    :bodyStyle="{padding: modalTit?'25px 32px 20px':'50px 32px 15px'}"
     @cancle="isShow=false"
     @cancle="isShow=false"
     :width="416">
     :width="416">
     <a-spin :spinning="spinning" tip="Loading...">
     <a-spin :spinning="spinning" tip="Loading...">
@@ -83,11 +84,9 @@ export default {
 
 
 <style lang="less">
 <style lang="less">
   .common-modal{
   .common-modal{
-    .ant-modal-body{
-      padding: 32px 32px 24px;
-    }
     .common-main{
     .common-main{
       display: flex;
       display: flex;
+      line-height: 20px;
       .common-cont{
       .common-cont{
         .common-tit{
         .common-tit{
           color: rgba(0, 0, 0);
           color: rgba(0, 0, 0);
@@ -106,7 +105,7 @@ export default {
     }
     }
     .btn-box{
     .btn-box{
       text-align: right;
       text-align: right;
-      margin-top: 24px;
+      margin-top: 20px;
     }
     }
   }
   }
 </style>
 </style>