feat: 全站预发布模式——所有产品标注研发中状态,移除定价与交付承诺
- 产品页:添加 status 字段与研发中状态徽章,移除定价信息,功能描述改为规划措辞 - 产品详情:CTA 从立即购买改为预约体验,新增定价待公布区域 - 解决方案详情:关联产品卡片补充研发中状态徽章 - 关于页:更新发展历程里程碑、统计数据、核心价值观,确保与研发阶段逻辑自洽 - 首页:更新社会证明、客户评价、解决方案等区块文案 - 新闻页:分类从产品发布调整为研发动态 - 全站品牌名统一为睿新致远,移除重复文案,规范标点与编码 - 修复 FlipCard 组件 useReducer 替代 useEffect+setState
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
'use client';
|
||||
|
||||
import { useState, useEffect } from 'react';
|
||||
import { useReducer } from 'react';
|
||||
import { motion, AnimatePresence } from 'framer-motion';
|
||||
|
||||
interface FlipCardProps {
|
||||
@@ -84,24 +84,24 @@ function FlipDigit({ digit, prevDigit }: FlipDigitProps) {
|
||||
}
|
||||
|
||||
function FlipCard({ value, label, maxDigits = 2 }: FlipCardProps) {
|
||||
const [prevValue, setPrevValue] = useState(value);
|
||||
const [currentValue, setCurrentValue] = useState(value);
|
||||
const [state, dispatch] = useReducer(
|
||||
(prev: { current: number; previous: number }, next: number) => {
|
||||
if (next === prev.current) {
|
||||
return prev;
|
||||
}
|
||||
return { current: next, previous: prev.current };
|
||||
},
|
||||
{ current: value, previous: value }
|
||||
);
|
||||
dispatch(value);
|
||||
|
||||
useEffect(() => {
|
||||
if (value !== currentValue) {
|
||||
setPrevValue(currentValue);
|
||||
setCurrentValue(value);
|
||||
}
|
||||
}, [value]);
|
||||
|
||||
// 将数字转换为数组,每个数字一位
|
||||
const formatNumber = (num: number) => {
|
||||
const str = num.toString().padStart(maxDigits, '0');
|
||||
return str.split('').map(c => parseInt(c));
|
||||
};
|
||||
|
||||
const currentDigits = formatNumber(currentValue);
|
||||
const prevDigits = formatNumber(prevValue);
|
||||
const currentDigits = formatNumber(state.current);
|
||||
const prevDigits = formatNumber(state.previous);
|
||||
|
||||
return (
|
||||
<div className="flex flex-col items-center">
|
||||
@@ -142,7 +142,7 @@ export function FlipClock({ years, months, days }: FlipClockProps) {
|
||||
</div>
|
||||
|
||||
<p className="text-[#5C5C5C] leading-relaxed font-medium">
|
||||
持续为客户提供优质的数字化转型服务
|
||||
持续打磨产品,致力于为企业提供优质的数字化转型服务
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -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