feat(home): 逐像素移植 vivid 旧版首页 + 悬浮胶囊导航
整页按 vivid commit 8b16666 的 HomeView 复刻: - Hero 左文右图:模型在线徽章、「让想象/即刻成画」渐变标题、 渐变描边魔法输入框、提示词胶囊、三项统计 - 右侧四格作品拼贴(带错位旋转/悬停浮层/shimmer 占位) - 01·能力矩阵(bento 网格)、02·灵感作品墙(编号卡+引导卡) - 紫色 CTA 横幅 + 分栏页脚(社交图标接 site.contact) - 顶栏改 vivid 胶囊:999px 毛玻璃、滚动展开通栏、 游客态单个渐变「登录/注册」按钮 - 页面局部覆盖 vivid 原版色板(--bg #fafafb、accent #6d4df2), 隐藏 aurora 背景 - Icon 组件补 size prop 与缺失图标,修复 SVG 无尺寸撑爆布局 数据接本站 /managed-models(sellable) 与 /showcase(hero→拼贴,work→作品墙) Generated with [Devin](https://devin.ai) Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
@@ -28,12 +28,24 @@ const PATHS = {
|
||||
music: '<path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/>',
|
||||
play: '<path d="m6 3 14 9-14 9V3Z"/>',
|
||||
pause: '<rect x="14" y="4" width="4" height="16" rx="1"/><rect x="6" y="4" width="4" height="16" rx="1"/>',
|
||||
arrow: '<path d="M5 12h14"/><path d="m13 6 6 6-6 6"/>',
|
||||
image: '<rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="m21 15-5-5L5 21"/>',
|
||||
chat: '<path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/>',
|
||||
layers: '<path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.84Z"/><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"/><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"/>',
|
||||
key: '<path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l3-3a1 1 0 0 0 0-1.4l-2.3-2.3a1 1 0 0 0-1.4 0l-3 3a1 1 0 0 0 0 1.4z"/><path d="m15.5 7.5-8 8"/><circle cx="7.5" cy="15.5" r="5.5"/>',
|
||||
mail: '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-10 5L2 7"/>',
|
||||
team: '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
|
||||
wallet: '<path d="M21 12V7H5a2 2 0 0 1 0-4h14v4"/><path d="M3 5v14a2 2 0 0 0 2 2h16v-5"/><path d="M18 12a2 2 0 0 0 0 4h4v-4Z"/>',
|
||||
}
|
||||
|
||||
defineProps({ name: { type: String, required: true } })
|
||||
defineProps({
|
||||
name: { type: String, required: true },
|
||||
size: { type: [Number, String], default: null },
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
||||
:width="size || undefined" :height="size || undefined"
|
||||
stroke-linecap="round" stroke-linejoin="round" v-html="PATHS[name] || ''" />
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user