chore: 删除e2e测试相关的初始化文件和快照文件
清理不再需要的测试初始化文件和视觉回归测试的快照文件，以保持代码库整洁
This commit is contained in:
张翔
@@ -1,37 +0,0 @@
|
||||
export default function SimpleLoginPage() {
|
||||
return (
|
||||
<div className="min-h-screen flex items-center justify-center bg-gray-50">
|
||||
<div className="bg-white p-8 rounded-lg shadow-md">
|
||||
<h1 className="text-2xl font-bold mb-4">管理后台登录</h1>
|
||||
<form className="space-y-4">
|
||||
<div>
|
||||
<label htmlFor="email" className="block text-sm font-medium mb-1">邮箱</label>
|
||||
<input
|
||||
id="email"
|
||||
type="email"
|
||||
name="email"
|
||||
className="w-full px-3 py-2 border rounded-md"
|
||||
placeholder="admin@novalon.cn"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="password" className="block text-sm font-medium mb-1">密码</label>
|
||||
<input
|
||||
id="password"
|
||||
type="password"
|
||||
name="password"
|
||||
className="w-full px-3 py-2 border rounded-md"
|
||||
placeholder="admin123456"
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
type="submit"
|
||||
className="w-full bg-[#C41E3A] text-white py-2 rounded-md hover:bg-[#A01828]"
|
||||
>
|
||||
登录
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
export default function SimpleAdminPage() {
|
||||
return (
|
||||
<div className="min-h-screen flex items-center justify-center">
|
||||
<div className="text-center">
|
||||
<h1 className="text-2xl font-bold">Simple Admin Page</h1>
|
||||
<p className="mt-4">这是一个简单的admin页面，不依赖任何认证</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
export default function AdminTestPage() {
|
||||
return (
|
||||
<div className="min-h-screen flex items-center justify-center">
|
||||
<div className="text-center">
|
||||
<h1 className="text-2xl font-bold">Admin Test Page</h1>
|
||||
<p className="mt-4">如果你看到这个页面，说明admin路由是工作的</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,390 +0,0 @@
|
||||
'use client';
|
||||
|
||||
import { useState } from 'react';
|
||||
import { motion } from 'framer-motion';
|
||||
import { MeshGradient } from '@/components/effects/mesh-gradient';
|
||||
import { TechGridFlow } from '@/components/effects/tech-grid-flow';
|
||||
import { DataParticleFlow } from '@/components/effects/data-particle-flow';
|
||||
import { GeometricAbstract } from '@/components/effects/geometric-abstract';
|
||||
import { InkTechFusion } from '@/components/effects/ink-tech-fusion';
|
||||
|
||||
type EffectType = 'mesh' | 'tech-grid' | 'data-particle' | 'geometric' | 'ink-tech' | 'combined';
|
||||
type ParticleShape = 'circle' | 'square' | 'triangle' | 'diamond' | 'star' | 'mixed';
|
||||
type ParticleEffect = 'default' | 'pulse' | 'glow' | 'trail';
|
||||
|
||||
interface EffectConfig {
|
||||
id: EffectType;
|
||||
name: string;
|
||||
description: string;
|
||||
features: string[];
|
||||
recommended: boolean;
|
||||
}
|
||||
|
||||
const effects: EffectConfig[] = [
|
||||
{
|
||||
id: 'mesh',
|
||||
name: 'MeshGradient',
|
||||
description: '多层渐变叠加，优雅专业',
|
||||
features: ['GPU 加速', '4 种主题', '完全可访问'],
|
||||
recommended: false,
|
||||
},
|
||||
{
|
||||
id: 'tech-grid',
|
||||
name: 'TechGridFlow',
|
||||
description: '科技网格流，数字化连接',
|
||||
features: ['网格线条', '发光效果', '3 种密度'],
|
||||
recommended: true,
|
||||
},
|
||||
{
|
||||
id: 'data-particle',
|
||||
name: 'DataParticleFlow',
|
||||
description: '数据粒子流，信息流动',
|
||||
features: ['粒子动画', '点阵背景', '可自定义数量'],
|
||||
recommended: true,
|
||||
},
|
||||
{
|
||||
id: 'geometric',
|
||||
name: 'GeometricAbstract',
|
||||
description: '几何抽象，现代美学',
|
||||
features: ['多种形状', '旋转动画', '3 种复杂度'],
|
||||
recommended: false,
|
||||
},
|
||||
{
|
||||
id: 'ink-tech',
|
||||
name: 'InkTechFusion',
|
||||
description: '水墨科技融合，传承创新',
|
||||
features: ['水墨效果', '科技线条', '双色渐变'],
|
||||
recommended: true,
|
||||
},
|
||||
{
|
||||
id: 'combined',
|
||||
name: '组合方案',
|
||||
description: 'TechGridFlow + InkTechFusion',
|
||||
features: ['科技感', '文化底蕴', '完美契合'],
|
||||
recommended: true,
|
||||
},
|
||||
];
|
||||
|
||||
const particleShapes: { id: ParticleShape; name: string; icon: string }[] = [
|
||||
{ id: 'circle', name: '圆形', icon: '●' },
|
||||
{ id: 'square', name: '方形', icon: '■' },
|
||||
{ id: 'triangle', name: '三角形', icon: '▲' },
|
||||
{ id: 'diamond', name: '菱形', icon: '◆' },
|
||||
{ id: 'star', name: '星形', icon: '★' },
|
||||
{ id: 'mixed', name: '混合', icon: '✦' },
|
||||
];
|
||||
|
||||
const particleEffects: { id: ParticleEffect; name: string; description: string }[] = [
|
||||
{ id: 'default', name: '默认', description: '标准动画效果' },
|
||||
{ id: 'pulse', name: '脉冲', description: '呼吸式缩放' },
|
||||
{ id: 'glow', name: '发光', description: '增强发光效果' },
|
||||
{ id: 'trail', name: '轨迹', description: '长距离移动轨迹' },
|
||||
];
|
||||
|
||||
export default function EffectsPreviewPage() {
|
||||
const [selectedEffect, setSelectedEffect] = useState<EffectType>('data-particle');
|
||||
const [particleShape, setParticleShape] = useState<ParticleShape>('circle');
|
||||
const [particleEffect, setParticleEffect] = useState<ParticleEffect>('default');
|
||||
const [particleIntensity, setParticleIntensity] = useState<'subtle' | 'normal' | 'prominent'>('normal');
|
||||
|
||||
const renderEffect = () => {
|
||||
switch (selectedEffect) {
|
||||
case 'mesh':
|
||||
return <MeshGradient variant="elegant" />;
|
||||
case 'tech-grid':
|
||||
return <TechGridFlow variant="default" color="#C41E3A" />;
|
||||
case 'data-particle':
|
||||
return (
|
||||
<DataParticleFlow
|
||||
particleCount={60}
|
||||
color="#C41E3A"
|
||||
intensity={particleIntensity}
|
||||
shape={particleShape}
|
||||
effect={particleEffect}
|
||||
/>
|
||||
);
|
||||
case 'geometric':
|
||||
return <GeometricAbstract variant="minimal" color="#C41E3A" />;
|
||||
case 'ink-tech':
|
||||
return <InkTechFusion variant="subtle" primaryColor="#C41E3A" secondaryColor="#1C1C1C" />;
|
||||
case 'combined':
|
||||
return (
|
||||
<>
|
||||
<InkTechFusion variant="subtle" primaryColor="#C41E3A" secondaryColor="#1C1C1C" />
|
||||
<TechGridFlow variant="sparse" color="#C41E3A" />
|
||||
</>
|
||||
);
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-[#FAFAFA]">
|
||||
<div className="fixed top-0 left-0 right-0 z-50 bg-white/95 backdrop-blur-sm border-b border-[#E5E5E5] shadow-sm">
|
||||
<div className="container-wide py-4">
|
||||
<div className="flex items-center justify-between mb-4">
|
||||
<div>
|
||||
<h1 className="text-2xl font-bold text-[#1C1C1C]">Hero Section 效果预览</h1>
|
||||
<p className="text-sm text-[#718096]">企业数字化转型服务商专属设计方案</p>
|
||||
</div>
|
||||
<a
|
||||
href="/"
|
||||
className="px-4 py-2 rounded-lg bg-[#F5F5F5] text-[#1C1C1C] hover:bg-[#E5E5E5] transition-colors text-sm font-medium"
|
||||
>
|
||||
返回首页
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-2 overflow-x-auto pb-2">
|
||||
{effects.map((effect) => (
|
||||
<motion.button
|
||||
key={effect.id}
|
||||
onClick={() => setSelectedEffect(effect.id)}
|
||||
className={`relative px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all ${
|
||||
selectedEffect === effect.id
|
||||
? 'bg-[#C41E3A] text-white'
|
||||
: 'bg-[#F5F5F5] text-[#1C1C1C] hover:bg-[#E5E5E5]'
|
||||
}`}
|
||||
whileHover={{ scale: 1.02 }}
|
||||
whileTap={{ scale: 0.98 }}
|
||||
>
|
||||
{effect.name}
|
||||
{effect.recommended && (
|
||||
<span className="absolute -top-1 -right-1 px-1.5 py-0.5 text-[10px] bg-[#16A34A] text-white rounded-full">
|
||||
推荐
|
||||
</span>
|
||||
)}
|
||||
</motion.button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{selectedEffect === 'data-particle' && (
|
||||
<div className="mt-4 space-y-3 border-t border-[#E5E5E5] pt-3">
|
||||
<div>
|
||||
<label className="text-xs font-medium text-[#718096] mb-2 block">粒子形状</label>
|
||||
<div className="flex gap-2">
|
||||
{particleShapes.map((shape) => (
|
||||
<button
|
||||
key={shape.id}
|
||||
onClick={() => setParticleShape(shape.id)}
|
||||
className={`px-3 py-1.5 rounded text-sm font-medium transition-all ${
|
||||
particleShape === shape.id
|
||||
? 'bg-[#C41E3A] text-white'
|
||||
: 'bg-[#F5F5F5] text-[#1C1C1C] hover:bg-[#E5E5E5]'
|
||||
}`}
|
||||
>
|
||||
<span className="mr-1">{shape.icon}</span>
|
||||
{shape.name}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="text-xs font-medium text-[#718096] mb-2 block">动画效果</label>
|
||||
<div className="flex gap-2">
|
||||
{particleEffects.map((effect) => (
|
||||
<button
|
||||
key={effect.id}
|
||||
onClick={() => setParticleEffect(effect.id)}
|
||||
className={`px-3 py-1.5 rounded text-sm font-medium transition-all ${
|
||||
particleEffect === effect.id
|
||||
? 'bg-[#C41E3A] text-white'
|
||||
: 'bg-[#F5F5F5] text-[#1C1C1C] hover:bg-[#E5E5E5]'
|
||||
}`}
|
||||
>
|
||||
{effect.name}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="text-xs font-medium text-[#718096] mb-2 block">强度</label>
|
||||
<div className="flex gap-2">
|
||||
{(['subtle', 'normal', 'prominent'] as const).map((intensity) => (
|
||||
<button
|
||||
key={intensity}
|
||||
onClick={() => setParticleIntensity(intensity)}
|
||||
className={`px-3 py-1.5 rounded text-sm font-medium transition-all ${
|
||||
particleIntensity === intensity
|
||||
? 'bg-[#C41E3A] text-white'
|
||||
: 'bg-[#F5F5F5] text-[#1C1C1C] hover:bg-[#E5E5E5]'
|
||||
}`}
|
||||
>
|
||||
{intensity === 'subtle' ? '柔和' : intensity === 'normal' ? '正常' : '突出'}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="pt-32">
|
||||
<div className="relative h-screen">
|
||||
{renderEffect()}
|
||||
|
||||
<div className="relative z-10 h-full flex items-center justify-center">
|
||||
<div className="text-center px-4">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6 }}
|
||||
className="mb-6"
|
||||
>
|
||||
<span className="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-[#1C1C1C]/20 bg-white/80 backdrop-blur-sm text-[#1C1C1C] text-sm font-medium">
|
||||
智连未来，成长伙伴
|
||||
</span>
|
||||
</motion.div>
|
||||
|
||||
<motion.h1
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: 0.1 }}
|
||||
className="text-5xl sm:text-6xl lg:text-7xl font-bold tracking-tight mb-6 text-[#1A1A2E]"
|
||||
>
|
||||
睿新致远
|
||||
</motion.h1>
|
||||
|
||||
<motion.p
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: 0.2 }}
|
||||
className="text-xl sm:text-2xl text-[#C41E3A] mb-4 font-medium"
|
||||
>
|
||||
企业数字化转型服务商
|
||||
</motion.p>
|
||||
|
||||
<motion.p
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: 0.3 }}
|
||||
className="text-lg text-[#718096] mb-10 max-w-2xl mx-auto"
|
||||
>
|
||||
以智慧连接数字趋势，以伙伴身份陪您成长——您的数字化转型同行者
|
||||
</motion.p>
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: 0.4 }}
|
||||
className="flex gap-4 justify-center"
|
||||
>
|
||||
<button className="px-8 py-3 rounded-lg bg-[#C41E3A] text-white font-medium hover:bg-[#A01830] transition-colors">
|
||||
立即咨询
|
||||
</button>
|
||||
<button className="px-8 py-3 rounded-lg border border-[#1C1C1C] text-[#1C1C1C] font-medium hover:bg-[#F5F5F5] transition-colors">
|
||||
了解更多
|
||||
</button>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="container-wide py-16">
|
||||
<h2 className="text-2xl font-bold text-[#1C1C1C] mb-8">方案详情</h2>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{effects.map((effect) => (
|
||||
<motion.div
|
||||
key={effect.id}
|
||||
className={`p-6 rounded-xl border-2 transition-all cursor-pointer ${
|
||||
selectedEffect === effect.id
|
||||
? 'border-[#C41E3A] bg-[#FEF2F4]'
|
||||
: 'border-[#E5E5E5] bg-white hover:border-[#D4D4D4]'
|
||||
}`}
|
||||
onClick={() => setSelectedEffect(effect.id)}
|
||||
whileHover={{ scale: 1.02 }}
|
||||
whileTap={{ scale: 0.98 }}
|
||||
>
|
||||
<div className="flex items-start justify-between mb-3">
|
||||
<h3 className="text-lg font-semibold text-[#1C1C1C]">{effect.name}</h3>
|
||||
{effect.recommended && (
|
||||
<span className="px-2 py-1 text-xs bg-[#16A34A] text-white rounded-full">
|
||||
推荐
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
<p className="text-sm text-[#718096] mb-4">{effect.description}</p>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{effect.features.map((feature, index) => (
|
||||
<span
|
||||
key={index}
|
||||
className="px-2 py-1 text-xs bg-[#F5F5F5] text-[#5C5C5C] rounded"
|
||||
>
|
||||
{feature}
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
</motion.div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{selectedEffect === 'data-particle' && (
|
||||
<div className="mt-8 p-6 rounded-xl bg-gradient-to-r from-[#FEF2F4] to-[#FFF0F3] border border-[#FFE8EC]">
|
||||
<h3 className="text-lg font-semibold text-[#1C1C1C] mb-4">🎨 DataParticleFlow 自定义选项</h3>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div>
|
||||
<h4 className="font-medium text-[#1C1C1C] mb-2">粒子形状</h4>
|
||||
<ul className="space-y-1 text-sm text-[#5C5C5C]">
|
||||
<li>● <strong>圆形</strong> - 经典柔和</li>
|
||||
<li>■ <strong>方形</strong> - 现代科技</li>
|
||||
<li>▲ <strong>三角形</strong> - 动感锐利</li>
|
||||
<li>◆ <strong>菱形</strong> - 精致优雅</li>
|
||||
<li>★ <strong>星形</strong> - 独特醒目</li>
|
||||
<li>✦ <strong>混合</strong> - 丰富多样</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 className="font-medium text-[#1C1C1C] mb-2">动画效果</h4>
|
||||
<ul className="space-y-1 text-sm text-[#5C5C5C]">
|
||||
<li>• <strong>默认</strong> - 标准动画效果</li>
|
||||
<li>• <strong>脉冲</strong> - 呼吸式缩放</li>
|
||||
<li>• <strong>发光</strong> - 增强发光效果</li>
|
||||
<li>• <strong>轨迹</strong> - 长距离移动轨迹</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 className="font-medium text-[#1C1C1C] mb-2">强度级别</h4>
|
||||
<ul className="space-y-1 text-sm text-[#5C5C5C]">
|
||||
<li>• <strong>柔和</strong> - 微妙优雅</li>
|
||||
<li>• <strong>正常</strong> - 平衡适中</li>
|
||||
<li>• <strong>突出</strong> - 醒目明显</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="mt-8 p-6 rounded-xl bg-[#F5F5F5] border border-[#E5E5E5]">
|
||||
<h3 className="text-lg font-semibold text-[#1C1C1C] mb-3">📊 性能指标</h3>
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
|
||||
<div className="text-center">
|
||||
<div className="text-3xl font-bold text-[#C41E3A]">60fps</div>
|
||||
<div className="text-sm text-[#718096]">稳定帧率</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-3xl font-bold text-[#C41E3A]">GPU</div>
|
||||
<div className="text-sm text-[#718096]">硬件加速</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-3xl font-bold text-[#C41E3A]">WCAG</div>
|
||||
<div className="text-sm text-[#718096]">可访问性</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-3xl font-bold text-[#C41E3A]">100%</div>
|
||||
<div className="text-sm text-[#718096]">性能优化</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user