opensource/rustfs-console
3
0
Fork 0
mirror of https://github.com/rustfs/console.git synced 2026-09-19 09:52:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

i18n: 翻译登录页文案

Browse Source
This commit is contained in:
overtrue
2025-05-07 20:51:06 +08:00
parent b5f9ff3797
commit 0f312ef1fe
4 changed files with 34 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/auth/heros/ripple.vue
+8 -6
View File
@@ -3,15 +3,16 @@
<div class="max-w-7xl flex flex-col z-10">
<img src="~/assets/logo.svg" class="max-w-28" alt="" />
<div class="text-4xl my-6 font-semibold !text-primary px-0">
<span>基于 Rust 的</span>
<FlipWords :words="['高性能', '无限扩容', '安全可靠', '多云存储', '兼容 S3']" :duration="3000" class="text-4xl font-semibold !text-primary px-0" />
<span :class="{ 'pr-1': locale !== 'zh' }">{{ t('Rust-based') }} </span>
<FlipWords :words="[t('High Performance'), t('Infinite Scaling'), t('Secure & Reliable'), t('Multi-Cloud Storage'), t('S3 Compatible')]" :duration="3000"
class="text-4xl font-semibold !text-primary px-0" />
<div class="text-muted-foreground mt-2">
靠谱的分布式文件系统
{{ t('Reliable distributed file system') }}
</div>
</div>
</div>
<a href="https://www.rustfs.com" class="z-10 text-primary-500 inline-flex w-min items-center gap-2 leading-none p-2 px-5 border rounded-full border-blue-500">
<span>www.rustfs.com</span>
<a href="https://www.rustfs.com" class="z-10 text-primary-500 inline-flex w-max items-center gap-2 leading-none p-2 px-5 border rounded-full border-blue-500">
<span>{{ t('Visit website') }}</span>
<Icon name="ri:arrow-right-long-fill" class="mr-2" />
</a>
<div class="h-full inset-0 absolute z-0">
@@ -22,8 +23,9 @@
</template>
<script lang="ts" setup>
import { useI18n } from 'vue-i18n'
import FlipWords from '~/components/ui/flip-words/FlipWords.vue'
import Ripple from '~/components/ui/ripple/Ripple.vue'
const mode = useColorMode();
const { t, locale } = useI18n()
</script>
components/auth/heros/wordmap.vue
+8 -4
View File
@@ -3,25 +3,29 @@
<div class="max-w-7xl flex flex-col">
<img src="~/assets/logo.svg" class="max-w-28" alt="" />
<div class="text-4xl my-6 font-semibold !text-primary px-0">
<span>基于 Rust 的</span>
<FlipWords :words="['高性能', '无限扩容', '安全可靠', '多云存储', '兼容 S3']" :duration="3000" class="text-4xl font-semibold !text-primary px-0" />
<span :class="{ 'pr-1': locale !== 'zh' }">{{ t('Rust-based') }} </span>
<FlipWords :words="[t('High Performance'), t('Infinite Scaling'), t('Secure & Reliable'), t('Multi-Cloud Storage'), t('S3 Compatible')]" :duration="3000"
class="text-4xl font-semibold !text-primary px-0" />
<div class="text-muted-foreground mt-2">
靠谱的分布式文件系统
{{ t('Reliable distributed file system') }}
</div>
</div>
</div>
<WorldMap class="absolute inset-0" :dots="dots" :map-color="isDark ? '#FFFFFF40' : '#00000040'" :map-bg-color="isDark ? 'black' : '#f9fafb'" />
<a href=" https://www.rustfs.com" class="text-primary-500 inline-flex w-min items-center gap-2 leading-none p-2 px-5 border rounded-full border-blue-500">
<span>www.rustfs.com</span>
<span>{{ t('Visit website') }}</span>
<Icon name="ri:arrow-right-long-fill" class="mr-2" />
</a>
</div>
</template>
<script lang="ts" setup>
import { useI18n } from 'vue-i18n'
import FlipWords from "~/components/ui/flip-words/FlipWords.vue"
import WorldMap from "~/components/ui/world-map/WorldMap.vue"
const { t, locale } = useI18n()
const dots = [
{
start: {