feat: 全站预发布模式——所有产品标注研发中状态,移除定价与交付承诺
- 产品页:添加 status 字段与研发中状态徽章,移除定价信息,功能描述改为规划措辞 - 产品详情:CTA 从立即购买改为预约体验,新增定价待公布区域 - 解决方案详情:关联产品卡片补充研发中状态徽章 - 关于页:更新发展历程里程碑、统计数据、核心价值观,确保与研发阶段逻辑自洽 - 首页:更新社会证明、客户评价、解决方案等区块文案 - 新闻页:分类从产品发布调整为研发动态 - 全站品牌名统一为睿新致远,移除重复文案,规范标点与编码 - 修复 FlipCard 组件 useReducer 替代 useEffect+setState
This commit is contained in:
@@ -9,6 +9,7 @@ interface ProductCardProps {
|
||||
description: string;
|
||||
href: string;
|
||||
index: number;
|
||||
status?: '研发中' | '内测中' | '已发布';
|
||||
}
|
||||
|
||||
interface ProductStyleConfig {
|
||||
@@ -32,9 +33,16 @@ const defaultConfig: ProductStyleConfig = {
|
||||
icon: Database, accentColor: '#C41E3A', accentColorRgb: '196, 30, 58', glowStart: '#C41E3A', glowEnd: '#D97706',
|
||||
};
|
||||
|
||||
export function ProductCard({ title, description, href, index }: ProductCardProps) {
|
||||
const statusConfig = {
|
||||
'研发中': { bg: 'rgba(196, 30, 58, 0.08)', text: '#C41E3A', border: 'rgba(196, 30, 58, 0.15)' },
|
||||
'内测中': { bg: 'rgba(217, 119, 6, 0.08)', text: '#D97706', border: 'rgba(217, 119, 6, 0.15)' },
|
||||
'已发布': { bg: 'rgba(22, 163, 74, 0.08)', text: '#16A34A', border: 'rgba(22, 163, 74, 0.15)' },
|
||||
} as const;
|
||||
|
||||
export function ProductCard({ title, description, href, index, status }: ProductCardProps) {
|
||||
const config = productConfig[index] ?? defaultConfig;
|
||||
const IconComponent = config.icon;
|
||||
const statusStyle = status ? statusConfig[status] : null;
|
||||
|
||||
return (
|
||||
<InkGlowCard
|
||||
@@ -56,9 +64,23 @@ export function ProductCard({ title, description, href, index }: ProductCardProp
|
||||
strokeWidth={1.8}
|
||||
/>
|
||||
</div>
|
||||
<span className="text-xs font-mono tracking-widest text-[#A3A3A3]">
|
||||
{String(index + 1).padStart(2, '0')}
|
||||
</span>
|
||||
<div className="flex items-center gap-2">
|
||||
{status && statusStyle && (
|
||||
<span
|
||||
className="text-[10px] font-medium px-2 py-0.5 rounded-full border"
|
||||
style={{
|
||||
backgroundColor: statusStyle.bg,
|
||||
color: statusStyle.text,
|
||||
borderColor: statusStyle.border,
|
||||
}}
|
||||
>
|
||||
{status}
|
||||
</span>
|
||||
)}
|
||||
<span className="text-xs font-mono tracking-widest text-[#A3A3A3]">
|
||||
{String(index + 1).padStart(2, '0')}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 className="text-lg font-semibold mb-2 leading-snug tracking-tight text-[#1C1C1C]">
|
||||
@@ -70,7 +92,7 @@ export function ProductCard({ title, description, href, index }: ProductCardProp
|
||||
</p>
|
||||
|
||||
<div className="flex items-center gap-1.5 text-sm font-medium text-[#A3A3A3] group-hover:text-[#C41E3A] transition-colors">
|
||||
<span>了解详情</span>
|
||||
<span>了解规划</span>
|
||||
<ArrowUpRight className="w-4 h-4" strokeWidth={2} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user