fix: 修改站内信文案为全部已读；调整布局遮挡问题

src/i18n/langs/en.json

@@ -1274,6 +1274,7 @@
     "Sender": "Sender",
     "MarkAsRead": "Mark as read",
     "OneClickRead": "Currently read",
+    "AllClickRead": "All read",
     "OneClickReadMsg": "Are you sure you want to mark the current information as read?",
     "NoUnreadMsg": "No unread messages",
     "SiteMessage": "Site messages",

src/i18n/langs/ja.json

@@ -1314,6 +1314,7 @@
     "Sender": "送信者",
     "MarkAsRead": "マークはすでに読みました。",
     "OneClickRead": "現在の既読",
+    "AllClickRead": "すべて既読",
     "OneClickReadMsg": "本当に現在の情報を既読としてマークしますか?",
     "NoUnreadMsg": "未読メッセージはありません",
     "SiteMessage": "駅内の手紙",

src/i18n/langs/zh.json

@@ -1315,6 +1315,7 @@
     "Sender": "发送人",
     "MarkAsRead": "标记已读",
     "OneClickRead": "当前已读",
+    "AllClickRead": "全部已读",
     "OneClickReadMsg": "你确定要将当前信息标记为已读吗?",
     "NoUnreadMsg": "暂无未读消息",
     "SiteMessage": "站内信",

src/layout/components/NavHeader/SiteMessages.vue

@@ -6,6 +6,7 @@
       </el-link>
     </el-badge>
     <el-drawer
+      class="drawer"
       :visible.sync="show"
       :before-close="handleClose"
       :modal="false"
@@ -17,7 +18,7 @@
       <div slot="title">
         <span>{{ $t('notifications.SiteMessage') }}</span>
         <div v-if="unreadMsgCount !== 0" class="msg-list-all-read-btn" @click.stop="oneClickRead(messages)">
-          <a> {{ $t('notifications.OneClickRead') }}</a>
+          <a style="vertical-align: sub;"> {{ $t('notifications.AllClickRead') }}</a>
         </div>
       </div>
       <div v-if="unreadMsgCount !== 0" class="msg-list">
@@ -201,6 +202,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.drawer {
+  height: calc(100% - 40px);
+}
 .el-badge ::v-deep .el-badge__content.is-fixed{
   top:10px;
 }