perf: 优化 icon

src/components/Announcement/index.vue

@@ -12,7 +12,7 @@
       <el-link :href="announcement.link" target="_blank" class="link-more">
         {{ $t('common.ViewMore') }}
       </el-link>
-      <i class="fa fa-share-square-o" />
+      <i class="fa fa-external-link" />
     </span>
   </el-alert>
 </template>

src/views/myhome/components/Announcement.vue

@@ -1,90 +0,0 @@
-<template>
-  <el-card class="box-card" shadow="never">
-    <div slot="header" class="title">
-      <span>{{ $t('common.Announcement') }}</span>
-    </div>
-    <ul class="content">
-      <li v-if="announcement.content" class="item">
-        <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') }}
-          </el-link>
-          <i class="fa fa-share-square-o icon-url" />
-        </span>
-      </li>
-      <li v-else class="other">{{ $t('common.noAnnouncement') }}</li>
-    </ul>
-  </el-card>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-
-export default {
-  name: 'Announcement',
-  data() {
-    return {
-      content: ''
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'publicSettings'
-    ]),
-    announcement() {
-      const ann = this.publicSettings?.ANNOUNCEMENT || {}
-      return {
-        id: ann?.ID,
-        subject: ann?.SUBJECT || '',
-        content: ann?.CONTENT || '',
-        link: ann?.LINK
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-ul,li {
-  padding: 0;
-  margin: 0;
-  list-style: none
-}
-.box-card {
-  margin-bottom: 20px;
-}
-.title {
-  font-weight: 500;
-}
-.content {
-  width: 100%;
-  .item {
-    margin-bottom: 16px;
-    cursor: pointer;
-    vertical-align: middle;
-    .item-title {
-      display: inline-block;
-      color: #8b9db6;
-      text-align: center;
-      font-size: 15px;
-      vertical-align: middle;
-      margin-left: -10px;
-    }
-    .item-content {
-      white-space: pre-wrap;
-      margin: 0;
-    }
-  }
-  .item-url {
-    color: #8b9db6!important;
-  }
-  .other {
-    text-align: center;
-  }
-  .icon-url {
-    vertical-align: text-bottom;
-  }
-}
-</style>