fix: 删除无用代码
This commit is contained in:
parent
7f3a59282d
commit
e34701bb54
|
|
@ -278,98 +278,6 @@ const OutfitMatch: React.FC<OutfitMatchProps> = ({ }) => {
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* 功能特性展示 */}
|
|
||||||
<div className="bg-white rounded-2xl shadow-lg border border-gray-100 p-8">
|
|
||||||
<div className="text-center mb-8">
|
|
||||||
<h3 className="text-xl font-bold text-gray-900 mb-2">
|
|
||||||
AI智能服装搭配
|
|
||||||
</h3>
|
|
||||||
<p className="text-gray-600">
|
|
||||||
专业的时尚搭配建议,让您的穿搭更加出色
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* 功能特性卡片 - 现代化设计 */}
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mt-12">
|
|
||||||
<div className="group relative">
|
|
||||||
<div className="text-center p-6 bg-gradient-to-br from-blue-50 to-blue-100 rounded-xl border border-blue-200 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
|
|
||||||
<div className="mx-auto flex items-center justify-center h-12 w-12 rounded-xl bg-blue-500 mb-4 group-hover:scale-110 transition-transform duration-300">
|
|
||||||
<PhotoIcon className="h-6 w-6 text-white" />
|
|
||||||
</div>
|
|
||||||
<h4 className="font-semibold text-gray-900 mb-2">图像分析</h4>
|
|
||||||
<p className="text-sm text-gray-600 leading-relaxed">
|
|
||||||
AI自动识别服装类别、颜色和风格,提供精准的视觉分析
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="group relative">
|
|
||||||
<div className="text-center p-6 bg-gradient-to-br from-green-50 to-green-100 rounded-xl border border-green-200 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
|
|
||||||
<div className="mx-auto flex items-center justify-center h-12 w-12 rounded-xl bg-green-500 mb-4 group-hover:scale-110 transition-transform duration-300">
|
|
||||||
<PlusIcon className="h-6 w-6 text-white" />
|
|
||||||
</div>
|
|
||||||
<h4 className="font-semibold text-gray-900 mb-2">单品管理</h4>
|
|
||||||
<p className="text-sm text-gray-600 leading-relaxed">
|
|
||||||
智能管理服装单品信息和属性,建立个人衣橱档案
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="group relative">
|
|
||||||
<div className="text-center p-6 bg-gradient-to-br from-purple-50 to-purple-100 rounded-xl border border-purple-200 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
|
|
||||||
<div className="mx-auto flex items-center justify-center h-12 w-12 rounded-xl bg-purple-500 mb-4 group-hover:scale-110 transition-transform duration-300">
|
|
||||||
<SparklesIcon className="h-6 w-6 text-white" />
|
|
||||||
</div>
|
|
||||||
<h4 className="font-semibold text-gray-900 mb-2">智能搭配</h4>
|
|
||||||
<p className="text-sm text-gray-600 leading-relaxed">
|
|
||||||
AI推荐最佳搭配组合,提供专业的时尚建议
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* 即将推出的功能 - 优雅的信息展示 */}
|
|
||||||
<div className="bg-white rounded-2xl shadow-lg border border-gray-100 p-8">
|
|
||||||
<div className="text-center mb-8">
|
|
||||||
<h3 className="text-xl font-bold text-gray-900 mb-2">
|
|
||||||
即将推出的功能
|
|
||||||
</h3>
|
|
||||||
<p className="text-gray-600">
|
|
||||||
为您带来更智能的搭配体验
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div className="mt-12 p-8 bg-gradient-to-r from-indigo-50 to-purple-50 rounded-2xl border border-indigo-200">
|
|
||||||
<div className="text-center mb-6">
|
|
||||||
<h4 className="text-xl font-bold text-indigo-900 mb-2">即将推出的功能</h4>
|
|
||||||
<p className="text-indigo-700">为您带来更智能的搭配体验</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-4xl mx-auto">
|
|
||||||
<div className="flex items-center space-x-3 p-3 bg-white bg-opacity-60 rounded-lg">
|
|
||||||
<div className="flex-shrink-0 w-2 h-2 bg-indigo-500 rounded-full"></div>
|
|
||||||
<span className="text-sm font-medium text-indigo-800">上传图像进行AI分析</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center space-x-3 p-3 bg-white bg-opacity-60 rounded-lg">
|
|
||||||
<div className="flex-shrink-0 w-2 h-2 bg-indigo-500 rounded-full"></div>
|
|
||||||
<span className="text-sm font-medium text-indigo-800">自动创建服装单品档案</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center space-x-3 p-3 bg-white bg-opacity-60 rounded-lg">
|
|
||||||
<div className="flex-shrink-0 w-2 h-2 bg-indigo-500 rounded-full"></div>
|
|
||||||
<span className="text-sm font-medium text-indigo-800">智能搭配推荐算法</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center space-x-3 p-3 bg-white bg-opacity-60 rounded-lg">
|
|
||||||
<div className="flex-shrink-0 w-2 h-2 bg-indigo-500 rounded-full"></div>
|
|
||||||
<span className="text-sm font-medium text-indigo-800">颜色和风格匹配</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center space-x-3 p-3 bg-white bg-opacity-60 rounded-lg md:col-span-2">
|
|
||||||
<div className="flex-shrink-0 w-2 h-2 bg-indigo-500 rounded-full"></div>
|
|
||||||
<span className="text-sm font-medium text-indigo-800">场合和季节搭配建议</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* 服装单品表单 */}
|
{/* 服装单品表单 */}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue