diff --git a/mail-vue/src/icons/index.js b/mail-vue/src/icons/index.js index b2cdeaf..a36507d 100644 --- a/mail-vue/src/icons/index.js +++ b/mail-vue/src/icons/index.js @@ -682,4 +682,16 @@ addCollection({ } } }) +addCollection({ + "prefix": "fluent", + "lastModified": 1761371481, + "aliases": {}, + "width": 20, + "height": 20, + "icons": { + "mail-read-20-regular": { + "body": "" + } + } +}) diff --git a/mail-vue/src/views/email/index.vue b/mail-vue/src/views/email/index.vue index e18bbc0..21096d3 100644 --- a/mail-vue/src/views/email/index.vue +++ b/mail-vue/src/views/email/index.vue @@ -29,7 +29,7 @@ import {useSettingStore} from "@/store/setting.js"; import emailScroll from "@/components/email-scroll/index.vue" import {emailList, emailDelete, emailLatest, emailRead} from "@/request/email.js"; import {starAdd, starCancel} from "@/request/star.js"; -import {defineOptions, onMounted, reactive, ref, watch} from "vue"; +import {defineOptions, h, onMounted, reactive, ref, watch} from "vue"; import {sleep} from "@/utils/time-utils.js"; import router from "@/router/index.js"; import {Icon} from "@iconify/vue"; @@ -85,8 +85,27 @@ async function latest() { if (list.length > 0) { list.forEach(email => { - existIds.add(email.emailId) - scroll.value.addItem(email) + + setTimeout(() => { + + if (!existIds.has(email.emailId) && innerWidth > 1367) { + + ElNotification({ + type: 'primary', + message: `
${email.name}
${email.subject}
`, + position: 'bottom-right', + dangerouslyUseHTMLString: true, + onClick: () => { + jumpContent(email); + } + }) + } + + existIds.add(email.emailId) + scroll.value.addItem(email) + + },50) + }) }