样式优化

src/views/manage/propaganda/index.vue

@@ -630,7 +630,7 @@
     <el-dialog
       title="预览"
       :visible.sync="dialogview"
-      width="50%"
+      width="1080px"
       :before-close="handleview"
     >
       <div class="titletop">文章模板:{{ formview.propagandaTitle }}</div>
@@ -642,9 +642,8 @@
         <div>
           <img :src="baseUrl + formview.propagandaCoverPath" alt="" />
           <div class="know">知识卡片</div>
-          <div class="knowlist">
+          <div class="knowlist" v-html="formview.propagandaContent">
-            <Editorxj v-model="formview.propagandaContent" :min-height="192" />
+          </div>   <!-- <Editorxj v-model="formview.propagandaContent" :min-height="192" /> -->
-          </div>
         </div>
       </div>
     </el-dialog>
@@ -1582,10 +1581,20 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+ ::v-deep   .el-dialog{
+  top:-25px;
+  height:95vh;
+}
 ::v-deep .ql-editor {
   ::v-deep .ql-video {
     width: 100% !important;
   }
+
+}
+::v-deep .el-dialog__body
+{
+padding-top: 10px !important;
+
 }
 
 .articleSummary {
@@ -1682,7 +1691,7 @@ audio {
 .bodytop {
   position: relative;
   top: 20px;
-  height: 500px;
+  height: calc(95vh - 150px) !important;
   overflow: auto;
   border: 1px solid #e2e2e2;
 
@@ -1696,8 +1705,8 @@ audio {
     margin: 10px 0px 10px 30px;
   }
 
-  img {
+  ::v-deep img {
-    // width: 100%;
+     max-width: 950px;
     // width: 362px;
     // height: 127px;
     margin: 0px 0px 0px 30px;
@@ -1732,11 +1741,6 @@ audio {
     }
   }
 
-  img {
-    // height: 100%;
-    // width: 100%;
-  }
-
   .right {
     width: 20%;
     // background: red;
@@ -1807,6 +1811,8 @@ audio {
       bottom: 23px;
       font-size: 13px;
     }
+
+
   }
 }
 </style>