refactor:国际化

This commit is contained in:
PZ688 2025-02-27 17:38:34 +08:00
parent bc63fc87a8
commit 7234b039bb
2 changed files with 19 additions and 12 deletions

View File

@ -5,13 +5,13 @@
<!-- 全局主题 --> <!-- 全局主题 -->
<el-divider content-position="center">{{ $t('message.layout.oneTitle') }}</el-divider> <el-divider content-position="center">{{ $t('message.layout.oneTitle') }}</el-divider>
<div class="layout-breadcrumb-seting-bar-flex"> <div class="layout-breadcrumb-seting-bar-flex">
<div class="layout-breadcrumb-seting-bar-flex-label">主题颜色</div> <div class="layout-breadcrumb-seting-bar-flex-label">{{ $t('message.layout.themeColors') }}</div>
<div class="layout-breadcrumb-seting-bar-flex-value"> <div class="layout-breadcrumb-seting-bar-flex-value">
<el-color-picker v-model="getThemeConfig.primary" size="default" @change="onColorPickerChange"> </el-color-picker> <el-color-picker v-model="getThemeConfig.primary" size="default" @change="onColorPickerChange"> </el-color-picker>
</div> </div>
</div> </div>
<div style="margin: 10px 0"> <div style="margin: 10px 0">
<el-button style="width: 100%" size="default" class="copy-config-btn" type="primary" ref="onColorRef" @click="state.onColorSet = true"> 更多颜色 </el-button> <el-button style="width: 100%" size="default" class="copy-config-btn" type="primary" ref="onColorRef" @click="state.onColorSet = true"> {{ $t('message.layout.moreColors') }} </el-button>
</div> </div>
<div class="layout-breadcrumb-seting-bar-flex mt15"> <div class="layout-breadcrumb-seting-bar-flex mt15">
<div class="layout-breadcrumb-seting-bar-flex-label">{{ $t('message.layout.fourIsDark') }}</div> <div class="layout-breadcrumb-seting-bar-flex-label">{{ $t('message.layout.fourIsDark') }}</div>

View File

@ -1,39 +1,45 @@
<template> <template>
<div class="user-news-container"> <div class="user-news-container">
<el-tabs stretch class="content-box"> <el-tabs stretch class="content-box">
<el-tab-pane label="站内信"> <el-tab-pane :label="$t('message.list.messageInbox')">
<template #label> <template #label>
<el-icon><ele-Bell /></el-icon> <el-icon><ele-Bell /></el-icon>
<span style="margin-left: 5px">站内信</span> <span style="margin-left: 5px">{{ $t('message.list.messageInbox') }}</span>
</template> </template>
<div class="notice-box"> <div class="notice-box">
<template v-if="noticeList.length > 0"> <template v-if="noticeList.length > 0">
<div class="notice-item" v-for="(v, k) in noticeList" :key="k" @click="viewNoticeDetail(v)" v-show="v.readStatus == 1 ? false : true"> <div class="notice-item" v-for="(v, k) in noticeList" :key="k" @click="viewNoticeDetail(v)" v-show="v.readStatus == 1 ? false : true">
<div class="notice-title">{{ v.type == 1 ? '【通知】' : '【公告】' }}{{ v.title }}</div> <div class="notice-title">{{ v.type == 1 ? '【' + $t('message.list.notice') + '】' : '【' + $t('message.list.announcement') + '】' }}{{ v.title }}</div>
<div class="notice-content">{{ removeHtmlSub(v.content) }}</div> <div class="notice-content">{{ removeHtmlSub(v.content) }}</div>
<div class="notice-time">{{ v.publicTime }}</div> <div class="notice-time">{{ v.publicTime }}</div>
<el-divider border-style="dashed" style="margin: 10px 0" /> <el-divider border-style="dashed" style="margin: 10px 0" />
</div> </div>
</template> </template>
<el-empty description="空" v-else></el-empty> <el-empty :description="$t('message.list.empty')" v-else></el-empty>
</div> </div>
<div class="notice-foot" @click="goToNotice" v-if="noticeList.length > 0">前往通知中心</div> <div class="notice-foot" @click="goToNotice" v-if="noticeList.length > 0"> {{ $t('message.list.goToNotice') }} </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="我的">
<el-tab-pane :label="$t('message.list.my')">
<template #label> <template #label>
<el-icon><ele-Position /></el-icon> <el-icon><ele-Position /></el-icon>
<span style="margin-left: 5px">我的</span> <span style="margin-left: 5px">{{ $t('message.list.my') }}</span>
</template> </template>
<div style="height: 400px; overflow-y: auto; padding-right: 10px"> <div style="height: 400px; overflow-y: auto; padding-right: 10px">
<el-empty description="空"></el-empty> <el-empty :description="$t('message.list.empty')"></el-empty>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<el-dialog v-model="state.dialogVisible" draggable width="769px"> <el-dialog v-model="state.dialogVisible" draggable width="769px">
<template #header> <template #header>
<div style="color: #fff"> <div style="color: #fff">
<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Bell /> </el-icon> <el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Bell /> </el-icon>
<span> 消息详情 </span> <span> {{ $t('message.list.messageDetail') }} </span>
</div> </div>
</template> </template>
<div class="w-e-text-container"> <div class="w-e-text-container">
@ -41,10 +47,11 @@
</div> </div>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button type="primary" @click="state.dialogVisible = false">确认</el-button> <el-button type="primary" @click="state.dialogVisible = false"> {{ $t('message.list.confirm') }} </el-button>
</span> </span>
</template> </template>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>