瀏覽代碼

ppt选择封面样式

cxmo 1 年之前
父節點
當前提交
a1e00ce8de

+ 4 - 2
src/views/ppt_manage/newVersion/components/editor/ChooseCover.vue

@@ -186,7 +186,7 @@ export default {
     .dialog-min {
         width: 50%;
         min-width: 960px;
-        min-height: 90%;
+        /* min-height: 90%; */
         padding: 30px 54px 26px;
         position: absolute;
         left: 50%;
@@ -209,10 +209,12 @@ export default {
             }
         }
         .dialog-bg {
-            flex: 1;
+            /* flex: 1; */
             width: 100%;
             /* height: 645px; */
             position: relative;
+            padding-bottom: 70%;
+            background-size: 100% 100%;
             .select_ico {
                 width: 48px;
                 height: 48px;

+ 5 - 3
src/views/ppt_manage/newVersion/components/editor/ChooseCoverEn.vue

@@ -5,7 +5,7 @@
                 <span>选择封面</span>
                 <img src="~@/assets/img/ppt_m/close.png" alt="" class="close_ico" @click="closeDialog">
             </header>
-            <div class="dialog-bg" :style="'backgroundImage:url('+bgList[bgListIndex]+');backgroundPosition:center;backgroundRepeat:no-repeat;backgroundSize:cover;'">
+            <div class="dialog-bg" :style="'backgroundImage:url('+bgList[bgListIndex]+');backgroundPosition:center;backgroundRepeat:no-repeat;'">
                 <div :style="`width:62%; font-size:16px; text-align:center; line-height:1.6; color:${$parent.pptCoverTextColor||'#fff'}; position:absolute; right:20px; top:50%;`">
                     <p :style="`height:5px; margin-bottom:21px;`"></p>
                     <el-input
@@ -190,7 +190,7 @@ export default {
     .dialog-min {
         width: 50%;
         min-width: 960px;
-        min-height: 90%;
+        /* min-height: 90%; */
         padding: 30px 54px 26px;
         position: absolute;
         left: 50%;
@@ -213,9 +213,11 @@ export default {
             }
         }
         .dialog-bg {
-            flex: 1;
+            /* flex: 1; */
             width: 100%;
             position: relative;
+            padding-bottom: 70%;
+            background-size: 100% 100%;
             .select_ico {
                 width: 48px;
                 height: 48px;