Pārlūkot izejas kodu

快手创建创意弹窗滚动区域样式修改

刘政和 5 gadi atpakaļ
vecāks
revīzija
83ca5fbafc
1 mainītis faili ar 41 papildinājumiem un 39 dzēšanām
  1. 41 39
      src/views/modules/kuaishouapp/creativeCreate.vue

+ 41 - 39
src/views/modules/kuaishouapp/creativeCreate.vue

@@ -107,7 +107,7 @@
       >
         <div>
           <a type="primary" @click="showModalVideo">点击选中已上传作品</a>
-          <a-modal
+          <a-modal class="ant_modal_body_container"
             title="选择作品"
             v-model="visibleVideo"
             @ok="handleOkVideo"
@@ -141,7 +141,7 @@
       >
         <div>
           <a type="primary" @click="showSinglePicModalVideo">点击选中已上传作品</a>
-          <a-modal
+          <a-modal class="ant_modal_body_container"
             title="选择作品"
             v-model="visibleSinglePicVideo"
             @ok="handleOkSinglePicVideo"
@@ -204,7 +204,7 @@
       >
         <div>
           <a type="primary" @click="showSinglePicCoverModal">点击选中已上传封面</a>
-          <a-modal
+          <a-modal class="ant_modal_body_container"
             title="选择封面"
             v-model="visibleSinglePicCover"
             @ok="handleOkSinglePicCover"
@@ -302,7 +302,7 @@
       <a-form-item v-if="showCover" label="选择封面" :labelCol="labelCol" :wrapperCol="wrapperCol">
         <div>
           <a type="primary" @click="showModal">点击选中已上传封面</a>
-          <a-modal title="选择封面" v-model="visible" @ok="handleOk" :width="860">
+          <a-modal title="选择封面" v-model="visible" @ok="handleOk" :width="860" class="ant_modal_body_container">
             <template>
               <input
                 v-model="isAllChecked"
@@ -1085,10 +1085,11 @@
 
 
 <style lang="scss">
-  .select_all {
-    margin-bottom: 10px;
-  }
+.select_all {
+  margin-bottom: 10px;
+}
 
+.ant_modal_body_container {
   .ant-modal-body {
     max-height: 650px;
     overflow-y: scroll;
@@ -1129,53 +1130,54 @@
         }
       }
     }
+  }
 
-    .video_item_container {
-      .video {
-        width: 100%;
-      }
+  .video_item_container {
+    .video {
+      width: 100%;
     }
   }
+}
 
-  //   多选框
-  .checkbox_item_container {
-    .item_ul {
-      margin: 0 -10px;
+//   多选框
+.checkbox_item_container {
+  .item_ul {
+    margin: 0 -10px;
 
-      .item_li {
-        width: 20%;
-        float: left;
-        padding: 0 10px;
-        box-sizing: border-box;
+    .item_li {
+      width: 20%;
+      float: left;
+      padding: 0 10px;
+      box-sizing: border-box;
 
-        .item {
-          position: relative;
+      .item {
+        position: relative;
 
-          video {
-            width: 100%;
-            min-height: 255px;
-          }
+        video {
+          width: 100%;
+          min-height: 255px;
+        }
 
-          .checkbox_item {
-            display: block;
+        .checkbox_item {
+          display: block;
 
-            .ant-checkbox {
-              display: inline-block;
-            }
+          .ant-checkbox {
+            display: inline-block;
+          }
 
-            span {
-              display: block;
-              padding: 0;
+          span {
+            display: block;
+            padding: 0;
 
-              .item_txt {
-                text-align: left;
-                height: 42px;
-                overflow: hidden;
-              }
+            .item_txt {
+              text-align: left;
+              height: 42px;
+              overflow: hidden;
             }
           }
         }
       }
     }
   }
+}
 </style>