From f7b6883dff56a27b85aa301e1a10fc3ecaa2e2d1 Mon Sep 17 00:00:00 2001
From: kerwincui <164770707@qq.com>
Date: Wed, 15 Jun 2022 20:30:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=98=BE=E7=A4=BA=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue/public/index.html                 |  4 ++++
 vue/src/views/index.vue               |  9 ++++++++-
 vue/src/views/iot/news/index.vue      | 17 +++++++++++++----
 vue/src/views/system/notice/index.vue | 11 ++++++++++-
 4 files changed, 35 insertions(+), 6 deletions(-)
diff --git a/vue/public/index.html b/vue/public/index.html
index 24aaba0a..5e99d87b 100644
--- a/vue/public/index.html
+++ b/vue/public/index.html
@@ -196,6 +196,10 @@
       color: #FFF;
       opacity: 0.5;
     }
+    
+    img {
+      max-width: 100%;
+    }
   </style>
   </head>
   <body>
diff --git a/vue/src/views/index.vue b/vue/src/views/index.vue
index 39ae3227..bc6a9a56 100644
--- a/vue/src/views/index.vue
+++ b/vue/src/views/index.vue
@@ -333,7 +333,7 @@
             <el-tag size="mini" effect="dark" v-else>信息</el-tag>
             <span style="margin-left:20px;">{{notice.createTime}}</span>
         </div>
-        <div v-loading="loading" style="line-height:24px;padding:10px;border:1px solid #eee;border-radius:10px;">
+        <div v-loading="loading" class="content">
             <div v-html="notice.noticeContent"></div>
         </div>
         <div slot="footer" class="dialog-footer">
@@ -965,6 +965,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.content {
+    line-height: 24px;
+    padding: 10px;
+    border: 1px solid #eee;
+    border-radius: 10px;
+}
+
 .description {
     font-size: 14px;
 
diff --git a/vue/src/views/iot/news/index.vue b/vue/src/views/iot/news/index.vue
index eac1245a..199c4d3a 100644
--- a/vue/src/views/iot/news/index.vue
+++ b/vue/src/views/iot/news/index.vue
@@ -49,7 +49,7 @@
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="图片" align="center" prop="imgUrl" width="140px;">
             <template slot-scope="scope">
-                <el-image style="border-radius:5px;height:60px;width:120px;margin-bottom:-5px;" lazy :preview-src-list="[baseUrl+scope.row.imgUrl]" :src="baseUrl+scope.row.imgUrl" fit="cover"></el-image>
+                <el-image style="border-radius:5px;height:80px;width:120px;margin-bottom:-5px;" lazy :preview-src-list="[baseUrl+scope.row.imgUrl]" :src="baseUrl+scope.row.imgUrl" fit="cover"></el-image>
             </template>
         </el-table-column>
         <el-table-column label="标题" align="center" prop="title" />
@@ -152,7 +152,7 @@
             <el-tag size="mini" effect="dark" type="success">{{form.categoryName}}</el-tag>
             <span style="margin-left:20px;">{{form.createTime}}</span>
         </div>
-        <div v-loading="loadingDetail" style="line-height:24px;padding:10px;border:1px solid #eee;border-radius:10px;">
+        <div v-loading="loadingDetail" class="content">
             <div v-html="form.content"></div>
         </div>
         <div slot="footer" class="dialog-footer">
@@ -385,11 +385,11 @@ export default {
             }
         },
         // 打开信息详情
-        openDetailDialog(newsId ) {
+        openDetailDialog(newsId) {
             this.openDetail = true;
             this.loadingDetail = true;
             getNews(newsId).then(response => {
-               this.form = response.data;
+                this.form = response.data;
                 this.openDetail = true;
                 this.loadingDetail = false;
             });
@@ -403,3 +403,12 @@ export default {
     }
 };
 </script>
+
+<style lang="scss" scoped>
+.content {
+    line-height: 24px;
+    padding: 10px;
+    border: 1px solid #eee;
+    border-radius: 10px;
+}
+</style>
diff --git a/vue/src/views/system/notice/index.vue b/vue/src/views/system/notice/index.vue
index 2f5c1cbf..69c01667 100644
--- a/vue/src/views/system/notice/index.vue
+++ b/vue/src/views/system/notice/index.vue
@@ -105,7 +105,7 @@
             <el-tag size="mini" effect="dark" v-else>信息</el-tag>
             <span style="margin-left:20px;">{{form.createTime}}</span>
         </div>
-        <div v-loading="loadingDetail" style="line-height:24px;padding:10px;border:1px solid #eee;border-radius:10px;">
+        <div v-loading="loadingDetail" class="content">
             <div v-html="form.noticeContent"></div>
         </div>
         <div slot="footer" class="dialog-footer">
@@ -294,3 +294,12 @@ export default {
     }
 };
 </script>
+
+<style lang="scss" scoped>
+.content {
+    line-height: 24px;
+    padding: 10px;
+    border: 1px solid #eee;
+    border-radius: 10px;
+}
+</style>
