feat: 公告支持换行显示

src/components/Announcement/index.vue

@@ -60,6 +60,7 @@ export default {
 }
 .announcement-main {
   word-wrap:break-word;
+  white-space: pre-wrap;
 }
 .link-more {
   font-size: 10px;

src/layout/components/Page/index.vue

@@ -7,7 +7,9 @@
       </template>
     </PageHeading>
     <PageContent>
-      <el-alert v-if="helpMessage" type="success"> <span v-html="helpMessage" /> </el-alert>
+      <el-alert v-if="helpMessage" type="success">
+        <span class="announcement-main">{{ helpMessage }}</span>
+      </el-alert>
       <slot />
     </PageContent>
   </div>
@@ -34,7 +36,6 @@ export default {
   },
   computed: {
     iTitle() {
-      // return ''
       return this.title || this.$route.meta.title
     }
   }
@@ -52,5 +53,9 @@ export default {
   .print-margin{
     margin-top: 10px;
   }
+  .announcement-main {
+    word-wrap:break-word;
+    white-space: pre-wrap;
+  }
 }
 </style>

src/views/myhome/components/Announcement.vue

@@ -5,8 +5,8 @@
     </div>
     <ul class="content">
       <li v-if="announcement.content" class="item">
-        <span class="item-title">【{{ announcement.subject }}】</span>
-        <span>{{ announcement.content }}</span>
+        <p class="item-title">【{{ announcement.subject }}】</p>
+        <p class="item-content">{{ announcement.content }}</p>
         <span v-if="announcement.link">
           <el-link :href="announcement.link" target="_blank" class="item-url">
             {{ $t('common.ViewMore') }}
@@ -70,6 +70,11 @@ ul,li {
       text-align: center;
       font-size: 15px;
       vertical-align: middle;
+      margin-left: -10px;
+    }
+    .item-content {
+      white-space: pre-wrap;
+      margin: 0;
     }
   }
   .item-url {