feat: i18n,add en and zh-cn language.

This commit is contained in:
ex_zhangwenlei@exiot.cmcc
2024-11-22 14:53:36 +08:00
parent 8e6eff54f4
commit 391142223f
18 changed files with 189 additions and 116 deletions

View File

@@ -35,7 +35,7 @@ const actionsColumns = computed<any[]>(() => {
<tr>
<th></th>
<th v-for="(item, index) in dataColumns" :key="index">{{ item.label }}</th>
<th v-for="(item, index) in actionsColumns" :key="index">操作</th>
<th v-for="(item, index) in actionsColumns" :key="index">{{ $t('table.operation') }}</th>
<th></th>
</tr>
</thead>
@@ -56,7 +56,7 @@ const actionsColumns = computed<any[]>(() => {
</tbody>
<tbody v-else>
<tr>
<td colspan="5" class="text-center">暂无数据</td>
<td colspan="5" class="text-center">{{ $t('table.noneData') }}</td>
</tr>
</tbody>
<!-- foot -->

View File

@@ -74,12 +74,12 @@ onMounted(() => {
<template>
<dialog id="my_modal_1" ref="separatedNumberRef" class="z-50 overflow-hidden border-none modal">
<div class="overflow-hidden modal-box">
<h3 class="pb-6 text-lg font-bold">提示!</h3>
<p class="pb-8">单次抽取只能抽取10位</p>
<h3 class="pb-6 text-lg font-bold">{{ $t('dialog.titleTip') }}</h3>
<p class="pb-8">{{ $t('dialog.dialogSingleDrawLimit') }}</p>
<div class="flex justify-between px-3 text-center separated-number">
<div v-for="item in props.totalNumber" :key="item"
class="relative flex flex-col items-center cursor-pointer">
<div class="absolute mb-12 text-center tooltip -top-5 hover:text-lg" data-tip="左键切割"
<div class="absolute mb-12 text-center tooltip -top-5 hover:text-lg" :data-tip="$t('tooltip.leftClick')"
@click.left="editScale(item)">
<span> {{ item }}</span>
</div>
@@ -89,7 +89,7 @@ onMounted(() => {
<div class="modal-action">
<form method="dialog">
<!-- if there is a button in form, it will close the modal -->
<button class="btn" @click="clearData">关闭</button>
<button class="btn" @click="clearData">{{ $t('button.close') }} }}</button>
</form>
</div>
</div>

View File

@@ -100,20 +100,19 @@ watch(currentMusic, (val: any) => {
<svg-icon name="home"></svg-icon>
</div>
</div>
<div v-else class="tooltip tooltip-left" data-tip="设置/配置">
<div v-else class="tooltip tooltip-left" :data-tip="$t('tooltip.settingConfiguration')">
<div class="flex items-center justify-center w-10 h-10 p-0 m-0 cursor-pointer setting-container bg-slate-500/50 rounded-l-xl hover:bg-slate-500/80 hover:text-blue-400/90"
@click="enterConfig">
<svg-icon name="setting"></svg-icon>
</div>
</div>
<div class="tooltip tooltip-left" :data-tip="currentMusic.item ? currentMusic.item.name+'\n\r &nbsp; 右键下一曲' : '没有音乐可以播放'">
<div class="tooltip tooltip-left" :data-tip="currentMusic.item ? currentMusic.item.name+'\n\r &nbsp;'+$t('tooltip.nextSong') : $t('tooltip.noSongPlay')">
<div class="flex items-center justify-center w-10 h-10 p-0 m-0 cursor-pointer setting-container bg-slate-500/50 rounded-l-xl hover:bg-slate-500/80 hover:text-blue-400/90"
@click="playMusic(currentMusic.item)" @click.right.prevent="nextPlay">
<svg-icon :name="currentMusic.paused ? 'play' : 'pause'"></svg-icon>
</div>
</div>
<!-- <div class="bg-blue-300 cursor-pointer" @click="nextPlay">下一首</div> -->
</div>
</template>