refactor:国际化
This commit is contained in:
parent
bc63fc87a8
commit
7234b039bb
@ -5,13 +5,13 @@
|
||||
<!-- 全局主题 -->
|
||||
<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-label">主题颜色</div>
|
||||
<div class="layout-breadcrumb-seting-bar-flex-label">{{ $t('message.layout.themeColors') }}</div>
|
||||
<div class="layout-breadcrumb-seting-bar-flex-value">
|
||||
<el-color-picker v-model="getThemeConfig.primary" size="default" @change="onColorPickerChange"> </el-color-picker>
|
||||
</div>
|
||||
</div>
|
||||
<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 class="layout-breadcrumb-seting-bar-flex mt15">
|
||||
<div class="layout-breadcrumb-seting-bar-flex-label">{{ $t('message.layout.fourIsDark') }}</div>
|
||||
|
||||
@ -1,39 +1,45 @@
|
||||
<template>
|
||||
<div class="user-news-container">
|
||||
<el-tabs stretch class="content-box">
|
||||
<el-tab-pane label="站内信">
|
||||
<el-tab-pane :label="$t('message.list.messageInbox')">
|
||||
<template #label>
|
||||
<el-icon><ele-Bell /></el-icon>
|
||||
<span style="margin-left: 5px">站内信</span>
|
||||
<span style="margin-left: 5px">{{ $t('message.list.messageInbox') }}</span>
|
||||
</template>
|
||||
<div class="notice-box">
|
||||
<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-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-time">{{ v.publicTime }}</div>
|
||||
<el-divider border-style="dashed" style="margin: 10px 0" />
|
||||
</div>
|
||||
</template>
|
||||
<el-empty description="空" v-else></el-empty>
|
||||
<el-empty :description="$t('message.list.empty')" v-else></el-empty>
|
||||
</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 label="我的">
|
||||
|
||||
|
||||
<el-tab-pane :label="$t('message.list.my')">
|
||||
<template #label>
|
||||
<el-icon><ele-Position /></el-icon>
|
||||
<span style="margin-left: 5px">我的</span>
|
||||
<span style="margin-left: 5px">{{ $t('message.list.my') }}</span>
|
||||
|
||||
</template>
|
||||
<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>
|
||||
</el-tab-pane>
|
||||
|
||||
</el-tabs>
|
||||
<el-dialog v-model="state.dialogVisible" draggable width="769px">
|
||||
<template #header>
|
||||
<div style="color: #fff">
|
||||
<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>
|
||||
</template>
|
||||
<div class="w-e-text-container">
|
||||
@ -41,10 +47,11 @@
|
||||
</div>
|
||||
<template #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>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user