iye
8a783ca36f
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 6s
详情页 (pipeline / library / model-photo) - 统一参考布局:大立绘+缩略 strip+查看大图,右栏 三视图+简介(标签 chip)+3 列属性表 - 底部仅留「下载」+「使用该资产」,去除收藏 / 关闭 三视图固定单张 16:9 - pipeline / library / model-photo / asset-factory / product-studio 全部同步 - 移除原 actor 3 列 3:4 拆图,改为单容器 16:9 图片工作台 (model-photo / platform-cover) - 立即生成 + 全部重跑 + 单张重跑 均追加新批次到下方,旧批次保留 - 批量按钮下沉到每批次下方,与图片网格左对齐 - hover 重跑/采用 icon 缩小至 26px,右下角横向,无遮罩层 - 立即生成后不再自动新增「编辑中」草稿卡 新建商品 drawer - 无 onSave 回调时默认跳转 product-detail - 卖点新增 「+ 添加卖点」按钮(输入框下方独立行,左对齐) product-detail - 视频项目卡片状态 pill 改为 4 态(已完成/视频生成 4/6/已归档/故事板失败) - 移除视频卡个体「通过/不通过/归档」状态切换 - 去掉冗余「通过」status 筛选;过滤逻辑兼容缺失按钮 sidebar (shell.js) - 图片生成补 badge 12,团队去 badge 清理 - 删除 v2/ 历史镜像目录(与 电商AI平台/ 重复,Dockerfile build context 不依赖) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
电商AI平台 · 流·Studio
AI 短视频带货生成平台 · 静态设计稿(V2.1 Restraint)。
快速浏览
直接用浏览器打开任意 HTML,或本地起服务:
npx http-server . -p 8080
# 然后访问 http://localhost:8080/
入口页:index.html(工作台)
页面索引
| 页面 | 文件 | 说明 |
|---|---|---|
| 工作台 | index.html | 进入后首屏 · 4 块 KPI + 最近项目 + 快捷入口 |
| 视频项目 | projects.html | 项目列表 · 表格 + 状态 + 进度 |
| 新建项目 | projects-new.html | 4 步向导 · 含实时预估面板 + 推荐气泡 |
| 商品库 | products.html | SKU 列表 |
| 创建商品 | product-create.html | 4 步向导 + 子流程(挑模特 → 生上身) |
| 流水线 | pipeline.html | 5 阶段:脚本 → 资产 → 故事板 → 片段 → 拼接 |
| 资产库 | library.html | 人物 / 场景 / 视频片段管理 |
| 账户 | account.html | 余额 / 充值 / 消费明细 |
| 设计系统 | design-system.html | 完整 V2.1 token + 组件 + 状态 + Modal/Toast |
设计规范
详见 DESIGN_SPEC_V2.md · 当前 V2.1。
核心视觉特征:
- 配色:冷灰底
#f9f9f9+ 单橙 accent#FA5D19(Firecrawl-aligned) - 圆角:统一 8 px / pill 999 px / 微元素 4 px
- Icon:SVG line · stroke 1.5 · linecap round ·
currentColor继承 - 签名元素:容器装订线(左右 1 px 边)+ 四角 22×21 px SVG 准星(圆弧内凹)
- 字体:Inter Tight + JetBrains Mono + Alibaba PuHuiTi
- 主 CTA:橙底 + 4 层橙阴影(全场唯一允许阴影的组件)
目录结构
电商AI平台/
├── README.md ← 本文档
├── DESIGN_SPEC_V2.md ← 设计规范 source of truth
├── design-system.html ← 可交互组件参考(token + 状态 demo)
├── assets/
│ ├── restraint.css ← V2.1 共享样式 · 无 V1 legacy alias
│ └── shell.js ← sidebar/topbar/Toast/Modal 渲染器
└── *.html ← 8 个页面