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%"
-             height="93%">
+    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%" 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 {
-    overflow-y: hidden;
-  }
-  /deep/.ant-modal-content{
-    height: 100%;
-    overflow-y: hidden;
-  }
-  /deep/.ant-modal-body{
-    height: 100%;
-    overflow-y: scroll;
-  }
-  /deep/.ant-modal{
-    top:45px
-  }
+/deep/.ant-modal {
+  overflow-y: hidden;
+}
+/deep/.ant-modal-content{
+  height: 100%;
+  overflow-y: hidden;
+}
+/deep/.ant-modal-body{
+  height: 100%;
+  overflow-y: scroll;
+}
+/deep/.ant-modal{
+  top:45px
+}
 </style>