shumengya/cloud-mail
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增点击复制邮箱功能

Browse Source
This commit is contained in:
eoao
2025-06-28 20:22:52 +08:00
parent 136c0496b8
commit 2bef5ee0f6
10 changed files with 71 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
mail-vue/src/components/email-scroll/index.vue
View File

@@ -302,7 +302,7 @@ function htmlToText(email) {
function cleanSpace(text) {
return text
.replace(/[\u200B-\u200F\uFEFF\u034F\u200B-\u200F\u00A0\u3000]/g, '') // 移除零宽空格
.replace(/[\u200B-\u200F\uFEFF\u034F\u200B-\u200F\u00A0\u3000\u00AD]/g, '')// 移除零宽空格
.replace(/\s+/g, ' ') // 多空白合并成一个空格
.trim();
}

28
mail-vue/src/layout/account/index.vue
View File

@@ -7,8 +7,13 @@
<el-scrollbar class="scrollbar">
<div v-infinite-scroll="getAccountList" :infinite-scroll-distance="600" :infinite-scroll-immediate="false">
<el-card class="item" :class="itemBg(item.accountId)" v-for="item in accounts" :key="item.accountId" @click="changeAccount(item)">
<div class="account" @click.stop>
{{ item.email }}
<div class="account" @click.stop="copyAccount(item.email)">
<el-tooltip v-if="showCopyInfo" effect="dark" :hide-after="0" :show-after="800" placement="top" content="点击复制">
{{ item.email }}
</el-tooltip>
<template v-else >
{{ item.email }}
</template>
</div>
<div class="opt">
<div class="send-email" @click.stop>
@@ -142,6 +147,7 @@ const addRef = ref({})
let account = null
let turnstileId = null
let verifyToken = ''
let showCopyInfo = window.innerWidth > 1024
const addForm = reactive({
email: '',
suffix: settingStore.domainList[0]
@@ -264,6 +270,24 @@ function add() {
},100)
}
async function copyAccount(account) {
try {
await navigator.clipboard.writeText(account);
ElMessage({
message: '复制成功',
type: 'success',
plain: true,
})
} catch (err) {
console.error('复制失败:', err);
ElMessage({
message: '复制失败',
type: 'error',
plain: true,
})
}
}
function getAccountList() {
if (loading.value || followLoading.value || noLoading.value) return;

16
mail-vue/src/layout/aside/index.vue
View File

@@ -19,12 +19,12 @@
<el-menu-item @click="router.push({name: 'star'})" index="star"
:class="route.meta.name === 'star' ? 'choose-item' : ''">
<Icon icon="solar:star-line-duotone" width="20" height="20" />
<span class="menu-name" style="margin-left: 20px">星标邮件</span>
<span class="menu-name" style="margin-left: 21px">星标邮件</span>
</el-menu-item>
<el-menu-item @click="router.push({name: 'setting'})" index="setting"
:class="route.meta.name === 'setting' ? 'choose-item' : ''">
<Icon icon="fluent:settings-48-regular" width="20" height="20" />
<span class="menu-name" style="margin-left: 20px">个人设置</span>
<span class="menu-name" style="margin-left: 21px">个人设置</span>
</el-menu-item>
<div class="manage-title" v-perm="['user:query','role:query','setting:query','analysis:query']">
<div>管理</div>
@@ -32,27 +32,27 @@
<el-menu-item @click="router.push({name: 'analysis'})" index="analysis" v-perm="'analysis:query'"
:class="route.meta.name === 'analysis' ? 'choose-item' : ''">
<Icon icon="fluent:data-pie-20-regular" width="24" height="24" />
<span class="menu-name" style="margin-left: 16px">分析页</span>
<span class="menu-name" style="margin-left: 18px">分析页</span>
</el-menu-item>
<el-menu-item @click="router.push({name: 'user'})" index="setting" v-perm="'user:query'"
:class="route.meta.name === 'user' ? 'choose-item' : ''">
<Icon icon="iconoir:user" width="24" height="24" />
<span class="menu-name" style="margin-left: 16px">用户列表</span>
<Icon icon="si:user-alt-2-line" width="20" height="20" />
<span class="menu-name" style="margin-left: 21px">用户列表</span>
</el-menu-item>
<el-menu-item @click="router.push({name: 'sys-email'})" index="sys-email" v-perm="'sys-email:query'"
:class="route.meta.name === 'sys-email' ? 'choose-item' : ''">
<Icon icon="fluent:mail-list-28-regular" width="22" height="22" />
<span class="menu-name" style="margin-left: 18px">邮件列表</span>
<span class="menu-name" style="margin-left: 20px">邮件列表</span>
</el-menu-item>
<el-menu-item @click="router.push({name: 'role'})" index="setting" v-perm="'role:query'"
:class="route.meta.name === 'role' ? 'choose-item' : ''">
<Icon icon="hugeicons:key-02" width="22" height="22" />
<span class="menu-name" style="margin-left: 18px">权限控制</span>
<span class="menu-name" style="margin-left: 20px">权限控制</span>
</el-menu-item>
<el-menu-item @click="router.push({name: 'sys-setting'})" index="sys-setting" v-perm="'setting:query'"
:class="route.meta.name === 'sys-setting' ? 'choose-item' : ''">
<Icon icon="eos-icons:system-ok-outlined" width="18" height="18" />
<span class="menu-name" style="margin-left: 23px">系统设置</span>
<span class="menu-name" style="margin-left: 24px">系统设置</span>
</el-menu-item>
</el-menu>
</div>

4
mail-vue/src/views/sys-setting/index.vue
View File

@@ -174,7 +174,7 @@
</div>
<div class="settings-card">
<div class="card-title">邮件转发通知</div>
<div class="card-title">邮件推送</div>
<div class="card-content">
<div class="setting-item">
<div><span>Telegram 机器人</span></div>
@@ -362,7 +362,7 @@
<template #header>
<div class="forward-head">
<span class="forward-set-title">第三方邮箱</span>
<el-tooltip effect="dark" trigger="click" content="可以将邮件转到其他服务商邮箱，需要在cloudflare验证邮箱">
<el-tooltip effect="dark" content="可以将邮件转到其他服务商邮箱，需要在cloudflare验证邮箱">
<Icon class="warning" icon="fe:warning" width="18" height="18"/>
</el-tooltip>
</div>