Browse Source

fix: 吉祥物更名巴小伴→小巴适(三语全面替换 + 赛道注释修正)

master
doublex001 3 months ago
parent
commit
1e2b1913c0
  1. 2
      src/components/BackToTop.tsx
  2. 2
      src/components/Business.tsx
  3. 12
      src/components/Mascot.tsx
  4. 6
      src/styles/global.css

2
src/components/BackToTop.tsx

@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
import { getLocaleFromPathname } from '@/i18n/utils'; import { getLocaleFromPathname } from '@/i18n/utils';
// 全站「返回顶部」浮动按钮:滚动超过阈值后淡入,点击平滑回到页首。 // 全站「返回顶部」浮动按钮:滚动超过阈值后淡入,点击平滑回到页首。
// 固定在右下角、巴小伴(Mascot)正上方,避免与可拖动的陪伴角色重叠。 // 固定在右下角、小巴适(Mascot)正上方,避免与可拖动的陪伴角色重叠。
export default function BackToTop() { export default function BackToTop() {
const locale = getLocaleFromPathname(); const locale = getLocaleFromPathname();
const [show, setShow] = useState(false); const [show, setShow] = useState(false);

2
src/components/Business.tsx

@ -68,7 +68,7 @@ export default function Business({ locale }: { locale: Locale }) {
</div> </div>
</section> </section>
{/* ===== 四大赛道 → 编辑式方向块 ===== */} {/* ===== 五大赛道 → 编辑式方向块 ===== */}
<div id="biz-tracks" className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-[var(--space-10)] space-y-6 scroll-mt-24"> <div id="biz-tracks" className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-[var(--space-10)] space-y-6 scroll-mt-24">
{b.tracks.map((track, idx) => ( {b.tracks.map((track, idx) => (
<section key={track.name} className="scroll-reveal track-card p-8 md:p-10" style={cssVars({ '--track-color': 'var(--accent)' })}> <section key={track.name} className="scroll-reveal track-card p-8 md:p-10" style={cssVars({ '--track-color': 'var(--accent)' })}>

12
src/components/Mascot.tsx

@ -25,7 +25,7 @@ const MASCOT: Record<string, PageTriggers> = {
enter: { enter: {
mood: 'wave', mood: 'wave',
msgs: [ msgs: [
{ zh: '欢迎回家~我是巴小伴,陪你每一程!', hk: '歡迎回家~我是巴小伴,陪你每一程!', en: "Welcome home — I'm BaskBuddy, your buddy for every ride!" }, { zh: '欢迎回家~我是小巴适,陪你每一程!', hk: '歡迎回家~我是小巴適,陪你每一程!', en: "Welcome home — I'm BaskBuddy, your buddy for every ride!" },
{ zh: '今天也别忘了,对自己好一点哦~', hk: '今天也別忘了,對自己好一點哦~', en: "Don't forget to be kind to yourself today." }, { zh: '今天也别忘了,对自己好一点哦~', hk: '今天也別忘了,對自己好一點哦~', en: "Don't forget to be kind to yourself today." },
{ zh: '想看什么?点我的小脑袋,随时喊我~', hk: '想看什麼?點我的小腦袋,隨時喊我~', en: 'Tap my head anytime — I’m here to help!' }, { zh: '想看什么?点我的小脑袋,随时喊我~', hk: '想看什麼?點我的小腦袋,隨時喊我~', en: 'Tap my head anytime — I’m here to help!' },
], ],
@ -137,7 +137,7 @@ function pickMsg(m: TriMsg, loc: Locale): string {
return loc === 'en' ? m.en : loc === 'hk' ? m.hk : m.zh; return loc === 'en' ? m.en : loc === 'hk' ? m.hk : m.zh;
} }
function nameByLoc(loc: Locale): string { function nameByLoc(loc: Locale): string {
return loc === 'en' ? 'BaskBuddy' : '巴小伴'; return loc === 'en' ? 'BaskBuddy' : loc === 'hk' ? '小巴適' : '小巴适';
} }
// 小型事件总线:其它组件发事件 → Mascot 响应说话。 // 小型事件总线:其它组件发事件 → Mascot 响应说话。
@ -357,9 +357,13 @@ export default function Mascot() {
? open ? open
? 'Close BaskBuddy message' ? 'Close BaskBuddy message'
: 'Open BaskBuddy companion' : 'Open BaskBuddy companion'
: locale === 'hk'
? open
? '關閉小巴適話語'
: '打開小巴適陪伴助手'
: open : open
? '关闭巴小伴话语' ? '关闭小巴适话语'
: '打开巴小伴陪伴助手' : '打开小巴适陪伴助手'
} }
aria-expanded={open} aria-expanded={open}
onClick={() => { onClick={() => {

6
src/styles/global.css

@ -1420,7 +1420,7 @@ footer a {
@utility text-body-sm { font-size: var(--fs-body-sm); } @utility text-body-sm { font-size: var(--fs-body-sm); }
@utility text-micro { font-size: var(--fs-micro); } @utility text-micro { font-size: var(--fs-micro); }
/* ===== 巴小伴 · 动态陪伴助手 ===== */ /* ===== 小巴适 · 动态陪伴助手 ===== */
/* 进场默认态:藏在屏外右下;.has-entered 后滑入+轻弹跳(时长 ~880ms,JS 端留 1050ms 再开口)。 /* 进场默认态:藏在屏外右下;.has-entered 后滑入+轻弹跳(时长 ~880ms,JS 端留 1050ms 再开口)。
基础位置/布局/令牌保留原来语义。 */ 基础位置/布局/令牌保留原来语义。 */
.mascot-root { .mascot-root {
@ -1523,7 +1523,7 @@ footer a {
/* ================================================================ /* ================================================================
全站「返回顶部」浮动按钮 全站「返回顶部」浮动按钮
- 固定在右下角、巴小伴(Mascot)正上方,避免与可拖动陪伴角色重叠 - 固定在右下角、小巴适(Mascot)正上方,避免与可拖动陪伴角色重叠
- 滚动超过 480px 后淡入上浮;点击平滑回到页首 - 滚动超过 480px 后淡入上浮;点击平滑回到页首
- 主题强调色(品牌蓝),hover 微抬升 + 加深阴影 - 主题强调色(品牌蓝),hover 微抬升 + 加深阴影
================================================================ */ ================================================================ */
@ -1585,7 +1585,7 @@ footer a {
} }
.mascot-bubble-btn:hover { opacity: 0.9; } .mascot-bubble-btn:hover { opacity: 0.9; }
/* ===== 巴小伴戳戳动效(老板"有趣"交付物) ===== /* ===== 小巴适戳戳动效(老板"有趣"交付物) =====
进场动画和 keyframes(mascotRunInBounce)已前移到文件顶部 .mascot-root 定义处。 */ 进场动画和 keyframes(mascotRunInBounce)已前移到文件顶部 .mascot-root 定义处。 */
.mascot-float[data-mood="squeeze"] { .mascot-float[data-mood="squeeze"] {
animation: mascotSqueeze 0.62s cubic-bezier(0.16, 1.35, 0.3, 1); animation: mascotSqueeze 0.62s cubic-bezier(0.16, 1.35, 0.3, 1);

Loading…
Cancel
Save