fix: 去掉「作品集」与「角色/主开发」字样
- 品牌栏与页面标题移除「作品集」副标题，仅保留 Zikai - HeroSection 移除「角色: 主开发/Lead Developer」meta 项 - TeamCard 移除成员角色(主开发/开发/团队)，仅显示姓名 - 清理 i18n locales 中无用的 subtitle 字段及 App.vue 对应样式
This commit is contained in:
Zikai
@@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Zikai · 作品集</title>
|
<title>Zikai</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|||||||
10
src/App.vue
10
src/App.vue
@@ -10,8 +10,6 @@ import LanguageSwitcher from './components/LanguageSwitcher.vue'
|
|||||||
<div class="brand">
|
<div class="brand">
|
||||||
<span class="brand__mark">Z</span>
|
<span class="brand__mark">Z</span>
|
||||||
<span class="brand__title">{{ $t('app.title') }}</span>
|
<span class="brand__title">{{ $t('app.title') }}</span>
|
||||||
<span class="brand__sep">·</span>
|
|
||||||
<span class="brand__sub">{{ $t('app.subtitle') }}</span>
|
|
||||||
</div>
|
</div>
|
||||||
<LanguageSwitcher />
|
<LanguageSwitcher />
|
||||||
</div>
|
</div>
|
||||||
@@ -73,14 +71,6 @@ import LanguageSwitcher from './components/LanguageSwitcher.vue'
|
|||||||
font-size: 0.95rem;
|
font-size: 0.95rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
.brand__sep {
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
}
|
|
||||||
.brand__sub {
|
|
||||||
color: var(--text-secondary);
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 0.92rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
@@ -3,7 +3,6 @@
|
|||||||
export default {
|
export default {
|
||||||
app: {
|
app: {
|
||||||
title: 'Zikai',
|
title: 'Zikai',
|
||||||
subtitle: 'Portfolio',
|
|
||||||
nav: {
|
nav: {
|
||||||
projects: 'Projects',
|
projects: 'Projects',
|
||||||
language: 'Language'
|
language: 'Language'
|
||||||
|
|||||||
@@ -2,7 +2,6 @@
|
|||||||
export default {
|
export default {
|
||||||
app: {
|
app: {
|
||||||
title: 'Zikai',
|
title: 'Zikai',
|
||||||
subtitle: '作品集',
|
|
||||||
nav: {
|
nav: {
|
||||||
projects: '项目',
|
projects: '项目',
|
||||||
language: '语言'
|
language: '语言'
|
||||||
|
|||||||
@@ -7,8 +7,7 @@ const { locale } = useI18n({ useScope: 'global' })
|
|||||||
const meta = {
|
const meta = {
|
||||||
course: { zh: '迈阿密大学 · 毕设 448 / 449', en: 'Miami University · Capstone 448 / 449' },
|
course: { zh: '迈阿密大学 · 毕设 448 / 449', en: 'Miami University · Capstone 448 / 449' },
|
||||||
stack: { zh: 'Unity · C# · WebGL · Android · PHP', en: 'Unity · C# · WebGL · Android · PHP' },
|
stack: { zh: 'Unity · C# · WebGL · Android · PHP', en: 'Unity · C# · WebGL · Android · PHP' },
|
||||||
period: '2022',
|
period: '2022'
|
||||||
role: { zh: '主开发', en: 'Lead Developer' }
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -35,10 +34,6 @@ const meta = {
|
|||||||
<span class="hero__meta-label">{{ locale === 'zh-CN' ? '时间' : 'Period' }}</span>
|
<span class="hero__meta-label">{{ locale === 'zh-CN' ? '时间' : 'Period' }}</span>
|
||||||
<span>{{ meta.period }}</span>
|
<span>{{ meta.period }}</span>
|
||||||
</div>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@@ -1,9 +1,5 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { useI18n } from 'vue-i18n'
|
|
||||||
import { team } from '../data/team.js'
|
import { team } from '../data/team.js'
|
||||||
|
|
||||||
const { locale } = useI18n({ useScope: 'global' })
|
|
||||||
const L = (obj) => (locale.value === 'zh-CN' ? obj.zh : obj.en)
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<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__avatar">{{ m.name.charAt(0) }}</div>
|
||||||
<div class="team__info">
|
<div class="team__info">
|
||||||
<div class="team__name">{{ m.name }}</div>
|
<div class="team__name">{{ m.name }}</div>
|
||||||
<div class="team__role">{{ L(m.role) }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -57,8 +52,4 @@ const L = (obj) => (locale.value === 'zh-CN' ? obj.zh : obj.en)
|
|||||||
font-size: 0.95rem;
|
font-size: 0.95rem;
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
}
|
}
|
||||||
.team__role {
|
|
||||||
font-size: 0.82rem;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
// 团队成员（来自 449 展示页）
|
// 团队成员（来自 449 展示页）
|
||||||
export const team = [
|
export const team = [
|
||||||
{ name: 'Zikai Wang', role: { zh: '主开发', en: 'Lead Developer' } },
|
{ name: 'Zikai Wang' },
|
||||||
{ name: 'Hongxiang He', role: { zh: '开发', en: 'Developer' } },
|
{ name: 'Hongxiang He' },
|
||||||
{ name: 'Zhuoyue Sun', role: { zh: '团队', en: 'Team' } },
|
{ name: 'Zhuoyue Sun' },
|
||||||
{ name: 'Xingchen Zhou', role: { zh: '团队', en: 'Team' } },
|
{ name: 'Xingchen Zhou' },
|
||||||
{ name: 'Yidong Yao', role: { zh: '团队', en: 'Team' } }
|
{ name: 'Yidong Yao' }
|
||||||
]
|
]
|
||||||
|
|||||||
Reference in New Issue
Block a user