diff --git a/CHANGELOG.md b/CHANGELOG.md index 3ec3d0a0..d9cde02f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -14,6 +14,8 @@ ### Improvements +- style: |邮件列表| 优化收件箱和发件箱空状态显示,根据邮件数量显示不同提示信息,添加语义化图标 + ## v1.3.0 ### Features diff --git a/CHANGELOG_EN.md b/CHANGELOG_EN.md index a4d84f2a..ef70e239 100644 --- a/CHANGELOG_EN.md +++ b/CHANGELOG_EN.md @@ -14,6 +14,8 @@ ### Improvements +- style: |Mail List| Improve empty state display for inbox and sent box, show different messages based on mail count, add semantic icons + ## v1.3.0 ### Features diff --git a/frontend/src/components/MailBox.vue b/frontend/src/components/MailBox.vue index 582763d0..836d097c 100644 --- a/frontend/src/components/MailBox.vue +++ b/frontend/src/components/MailBox.vue @@ -3,7 +3,7 @@ import { watch, onMounted, ref, onBeforeUnmount, computed } from "vue"; import { useMessage } from 'naive-ui' import { useI18n } from 'vue-i18n' import { useGlobalState } from '../store' -import { CloudDownloadRound, ArrowBackIosNewFilled, ArrowForwardIosFilled } from '@vicons/material' +import { CloudDownloadRound, ArrowBackIosNewFilled, ArrowForwardIosFilled, InboxRound } from '@vicons/material' import { useIsMobile } from '../utils/composables' import { processItem } from '../utils/email-parser' import { utcToLocalDate } from '../utils'; @@ -147,6 +147,7 @@ const { t } = useI18n({ attachments: 'Show Attachments', downloadMail: 'Download Mail', pleaseSelectMail: "Please select mail", + emptyInbox: "Your inbox is empty", delete: 'Delete', deleteMailTip: 'Are you sure you want to delete mail?', reply: 'Reply', @@ -171,6 +172,7 @@ const { t } = useI18n({ downloadMail: '下载邮件', attachments: '查看附件', pleaseSelectMail: "请选择邮件", + emptyInbox: "收件箱为空", delete: '删除', deleteMailTip: '确定要删除邮件吗?', reply: '回复', @@ -446,7 +448,7 @@ onBeforeUnmount(() => { @@ -531,7 +536,7 @@ onBeforeUnmount(() => { -
+
diff --git a/frontend/src/components/SendBox.vue b/frontend/src/components/SendBox.vue index 8da45a9d..44350a52 100644 --- a/frontend/src/components/SendBox.vue +++ b/frontend/src/components/SendBox.vue @@ -5,6 +5,7 @@ import { useI18n } from 'vue-i18n' import { useGlobalState } from '../store' import { useIsMobile } from '../utils/composables' import { utcToLocalDate } from '../utils'; +import { SendRound } from '@vicons/material' const message = useMessage() const isMobile = useIsMobile() @@ -52,6 +53,7 @@ const { t } = useI18n({ refresh: 'Refresh', showCode: 'Change View Original Code', pleaseSelectMail: "Please select a mail to view.", + emptySent: "No sent emails", delete: 'Delete', deleteMailTip: 'Are you sure you want to delete mail?', multiAction: 'Multi Action', @@ -64,6 +66,7 @@ const { t } = useI18n({ refresh: '刷新', showCode: '切换查看元数据', pleaseSelectMail: "请选择一封邮件查看。", + emptySent: "发件箱为空", delete: '删除', deleteMailTip: '确定要删除邮件吗?', multiAction: '多选', @@ -239,7 +242,7 @@ onMounted(async () => { @@ -312,7 +318,7 @@ onMounted(async () => { {{ t('refresh') }}
-
+