修改

src/views/manage/components/RehabilitationPlanandRecords.vue

@@ -135,16 +135,12 @@
         </el-dialog>
         <!-- 宣教预览弹框 -->
         <el-dialog title="宣教预览" :visible.sync="propagandaopen" width="30%" :before-close="openfalse">
-            <div class="titletop">文章模板:{{ lookitem.propagandaTitle }}</div>
             <div class="bodytop">
+                <div class="titletop">文章模板:{{ lookitem.propagandaTitle }}</div>
                 <div class="titledata">{{ lookitem.propagandaTitle }}</div>
-                <div>
                 <img :src="baseUrl + lookitem.propagandaCoverPath" alt="" />
                 <div class="know">知识卡片</div>
-                    <div class="knowlist">
+                <div v-html="lookitem.propagandaContent"></div>
-                        {{ lookitem.propagandaContent }}
-                    </div>
-                </div>
             </div>
         </el-dialog>
         <!-- 问卷预览弹框 -->
@@ -260,6 +256,41 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.bodytop {
+    width: 96%;
+    margin: 0 auto;
+
+    .titletop {
+        font-size: 20px;
+        font-weight: 700;
+        margin: 10px 0px 0 0;
+    }
+
+    .titledata {
+        margin: 30px 0px 15px 0;
+        font-size: 16px;
+    }
+
+    img {
+        margin: 20px 0;
+        width: 100%;
+    }
+
+    .audiotop {
+        margin: 10px 0px 10px 0;
+    }
+
+    .know {
+        margin: 11px 0px 10px 0;
+        font-size: 16px;
+    }
+
+    .knowlist {
+        margin: 10px 0px 10px 0;
+        font-size: 16px;
+    }
+}
+
 .header {
     background-color: #fff !important;
     padding: 0 !important;
@@ -283,37 +314,6 @@ export default {
             }
         }
 
-        .titletop {
-            font-size: 16px;
-            font-weight: 700;
-            margin: 10px 0px 0 20px;
-        }
-
-        .bodytop {
-            .titledata {
-                margin: 30px 0px 15px 20px;
-                font-size: 20px;
-            }
-
-            .audiotop {
-                margin: 10px 0px 10px 20px;
-            }
-
-            img {
-                margin: 0px 0px 0px 20px;
-            }
-
-            .know {
-                margin: 11px 0px 10px 20px;
-                font-size: 16px;
-            }
-
-            .knowlist {
-                margin: 10px 0px 10px 20px;
-                font-size: 16px;
-            }
-        }
-
         .texts {
             margin: 16px 0 20px;
             flex-wrap: wrap;

src/views/manage/components/healthEducation.vue

@@ -10,20 +10,15 @@
         </div>
         <div class="rightheader" v-if="categorylist.length > 0">
             <div class="richtext">
-                <div class="titletop">文章模板:{{ categoryItem.propagandaTitle }}</div>
                 <div class="bodytop">
+                    <div class="titletop">文章模板:{{ categoryItem.propagandaTitle }}</div>
                     <div class="titledata">{{ categoryItem.propagandaTitle }}</div>
-                    <div>
                     <img :src="baseUrl + categoryItem.propagandaCoverPath" alt="" />
                     <div class="know">知识卡片</div>
-                        <div class="knowlist">
-                            {{ categoryItem.propagandaContent }}
-                        </div>
-                    </div>
-                </div>
                     <div v-html="categoryItem.propagandaContent"></div>
                 </div>
             </div>
+        </div>
         <el-empty description="暂无" style="width: 100%;" v-else></el-empty>
     </div>
 </template>
@@ -84,33 +79,36 @@ export default {
         padding-top: 20px;
         border-left: 3px solid #DFE4ED;
 
+        .bodytop {
+            width: 96%;
+            margin: 0 auto;
+
             .titletop {
-            font-size: 16px;
+                font-size: 20px;
                 font-weight: 700;
-            margin: 10px 0px 0 20px;
+                margin: 10px 0px 0 0;
             }
 
-        .bodytop {
             .titledata {
-                margin: 30px 0px 15px 20px;
+                margin: 30px 0px 15px 0;
-                font-size: 20px;
+                font-size: 16px;
             }
 
             .audiotop {
-                margin: 10px 0px 10px 20px;
+                margin: 10px 0px 10px 0;
             }
 
             img {
-                margin: 0px 0px 0px 20px;
+                margin: 0px 0px 0px 0;
             }
 
             .know {
-                margin: 11px 0px 10px 20px;
+                margin: 11px 0px 10px 0;
                 font-size: 16px;
             }
 
             .knowlist {
-                margin: 10px 0px 10px 20px;
+                margin: 10px 0px 10px 0;
                 font-size: 16px;
             }
         }