fix: 去掉「作品集」与「角色/主开发」字样

- 品牌栏与页面标题移除「作品集」副标题,仅保留 Zikai
- HeroSection 移除「角色: 主开发/Lead Developer」meta 项
- TeamCard 移除成员角色(主开发/开发/团队),仅显示姓名
- 清理 i18n locales 中无用的 subtitle 字段及 App.vue 对应样式
This commit is contained in:
Zikai
2026-07-12 15:41:56 +00:00
parent 8e08e619fc
commit 88979a68c2
7 changed files with 7 additions and 33 deletions

View File

@@ -10,8 +10,6 @@ import LanguageSwitcher from './components/LanguageSwitcher.vue'
<div class="brand">
<span class="brand__mark">Z</span>
<span class="brand__title">{{ $t('app.title') }}</span>
<span class="brand__sep">·</span>
<span class="brand__sub">{{ $t('app.subtitle') }}</span>
</div>
<LanguageSwitcher />
</div>
@@ -73,14 +71,6 @@ import LanguageSwitcher from './components/LanguageSwitcher.vue'
font-size: 0.95rem;
font-weight: 700;
}
.brand__sep {
color: var(--text-tertiary);
}
.brand__sub {
color: var(--text-secondary);
font-weight: 400;
font-size: 0.92rem;
}
.main {
flex: 1;

View File

@@ -3,7 +3,6 @@
export default {
app: {
title: 'Zikai',
subtitle: 'Portfolio',
nav: {
projects: 'Projects',
language: 'Language'

View File

@@ -2,7 +2,6 @@
export default {
app: {
title: 'Zikai',
subtitle: '作品集',
nav: {
projects: '项目',
language: '语言'

View File

@@ -7,8 +7,7 @@ const { locale } = useI18n({ useScope: 'global' })
const meta = {
course: { zh: '迈阿密大学 · 毕设 448 / 449', en: 'Miami University · Capstone 448 / 449' },
stack: { zh: 'Unity · C# · WebGL · Android · PHP', en: 'Unity · C# · WebGL · Android · PHP' },
period: '2022',
role: { zh: '主开发', en: 'Lead Developer' }
period: '2022'
}
</script>
@@ -35,10 +34,6 @@ const meta = {
<span class="hero__meta-label">{{ locale === 'zh-CN' ? '时间' : 'Period' }}</span>
<span>{{ meta.period }}</span>
</div>
<div class="hero__meta-item">
<span class="hero__meta-label">{{ locale === 'zh-CN' ? '角色' : 'Role' }}</span>
<span>{{ locale === 'zh-CN' ? meta.role.zh : meta.role.en }}</span>
</div>
</div>
</div>
</section>

View File

@@ -1,9 +1,5 @@
<script setup>
import { useI18n } from 'vue-i18n'
import { team } from '../data/team.js'
const { locale } = useI18n({ useScope: 'global' })
const L = (obj) => (locale.value === 'zh-CN' ? obj.zh : obj.en)
</script>
<template>
@@ -12,7 +8,6 @@ const L = (obj) => (locale.value === 'zh-CN' ? obj.zh : obj.en)
<div class="team__avatar">{{ m.name.charAt(0) }}</div>
<div class="team__info">
<div class="team__name">{{ m.name }}</div>
<div class="team__role">{{ L(m.role) }}</div>
</div>
</div>
</div>
@@ -57,8 +52,4 @@ const L = (obj) => (locale.value === 'zh-CN' ? obj.zh : obj.en)
font-size: 0.95rem;
color: var(--text-primary);
}
.team__role {
font-size: 0.82rem;
color: var(--text-tertiary);
}
</style>

View File

@@ -1,8 +1,8 @@
// 团队成员(来自 449 展示页)
export const team = [
{ name: 'Zikai Wang', role: { zh: '主开发', en: 'Lead Developer' } },
{ name: 'Hongxiang He', role: { zh: '开发', en: 'Developer' } },
{ name: 'Zhuoyue Sun', role: { zh: '团队', en: 'Team' } },
{ name: 'Xingchen Zhou', role: { zh: '团队', en: 'Team' } },
{ name: 'Yidong Yao', role: { zh: '团队', en: 'Team' } }
{ name: 'Zikai Wang' },
{ name: 'Hongxiang He' },
{ name: 'Zhuoyue Sun' },
{ name: 'Xingchen Zhou' },
{ name: 'Yidong Yao' }
]