统一界面上的ip形象标识

新增陶泥儿产品 IP 公共图片资产
左上角品牌标识和绑定页品牌块统一展示该形象
更新产品基线、创作主页方案和共享决策记录
This commit is contained in:
2026-06-23 15:48:03 +08:00
parent c8aa1775f3
commit dab879e0c4
14 changed files with 118 additions and 27 deletions
@@ -50,6 +50,11 @@ test('绑定手机号表单复用平台输入和字段标题', async () => {
expect(screen.getByText('当前登录身份:微信旅人').className).toContain(
'platform-subpanel',
);
expect(
document
.querySelector('.selection-hero-brand__image')
?.getAttribute('src'),
).toBe('/branding/taonier-product-ip.png');
await user.type(phoneInput, '13800000000');
await user.type(codeInput, '123456');
+11 -1
View File
@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
import type { PlatformTheme } from '../../../packages/shared/src/contracts/runtime';
import type { AuthCaptchaChallenge, AuthUser } from '../../services/authService';
import { BRAND_ASSETS } from '../../uiAssets';
import { PlatformActionButton } from '../common/PlatformActionButton';
import { PlatformFieldLabel } from '../common/PlatformFieldLabel';
import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
@@ -67,7 +68,16 @@ export function BindPhoneScreen({
<div className="platform-auth-card grid w-full max-w-4xl overflow-hidden rounded-[28px] md:grid-cols-[1.05fr_0.95fr]">
<div className="border-b border-[var(--platform-subpanel-border)] bg-[linear-gradient(135deg,rgba(204,117,76,0.18),rgba(240,203,169,0.16))] px-6 py-8 md:border-b-0 md:border-r md:px-10 md:py-12">
<div className="selection-hero-brand selection-hero-brand--left">
<div className="selection-hero-brand__title">陶泥儿</div>
<div className="selection-hero-brand__lockup">
<img
src={BRAND_ASSETS.taonierProductIp}
alt=""
aria-hidden="true"
draggable={false}
className="selection-hero-brand__image"
/>
<div className="selection-hero-brand__title">陶泥儿</div>
</div>
<div className="selection-hero-brand__subtitle">视觉叙事 RPG</div>
</div>
<p className="mt-8 text-[11px] font-semibold tracking-[0.32em] text-[var(--platform-cool-text)]">