a-modal页面滑动

src/views/activiti/todoManage.vue

@@ -147,8 +147,7 @@
       </div>
     </a-modal>
     <!--流程表单-->
-    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%"
+    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%" height="93%">
-             height="93%">
       <component :disabled="lcModa.disabled" v-if="lcModa.visible" :is="lcModa.formComponent"
                  :processData="lcModa.processData" :isNew="lcModa.isNew"
                  :task="true"
@@ -158,7 +157,7 @@
                  @close="lcModa.visible=false,lcModa.disabled = false"></component>
     </a-modal>
     <!-- 审批操作 -->
-    <a-modal :title="modalTaskTitle" v-model="modalTaskVisible" :mask-closable="false" width="60%">
+    <a-modal :title="modalTaskTitle" v-model="modalTaskVisible" :mask-closable="false" width="60%" style="top: 120px">
 
       <div v-if="modalTaskVisible">
         <a-form ref="form" :model="form" :label-width="85" :rules="formValidate">
@@ -658,18 +657,18 @@
 <style scoped>
 @import '~@assets/less/common.less';
 
-  /deep/.ant-modal {
+/deep/.ant-modal {
-    overflow-y: hidden;
+  overflow-y: hidden;
-  }
+}
-  /deep/.ant-modal-content{
+/deep/.ant-modal-content{
-    height: 100%;
+  height: 100%;
-    overflow-y: hidden;
+  overflow-y: hidden;
-  }
+}
-  /deep/.ant-modal-body{
+/deep/.ant-modal-body{
-    height: 100%;
+  height: 100%;
-    overflow-y: scroll;
+  overflow-y: scroll;
-  }
+}
-  /deep/.ant-modal{
+/deep/.ant-modal{
-    top:45px
+  top:45px
-  }
+}
 </style>