library-picturebook-activity/frontend
aid 37bd82714d feat: 作品封面引入 PIP 画中画展示原图,详情页加全屏放大查看
- 大图为 AI 生成的绘本封面(coverUrl),右下角小图为用户上传的原图(originalImageUrl),形成"创作素材→AI 成果"的视觉对比
- 草稿等无 AI 封面的作品:大图为占位图,PIP 仍展示原图

涉及文件:
- works/Index.vue 作品库列表卡片加 PIP(右下角 34% 正方形 + 白边阴影)
- Gallery.vue 发现页卡片加同款 PIP
- mine/Favorites.vue 收藏列表加 PIP,type 加 originalImageUrl 字段
- components/WorkSelector.vue 作品选择器加更小尺寸 PIP(32%)
- works/Detail.vue 详情页新增「画作原图」独立卡片(左 84px 缩略图 + 右文字描述)
  · 点击缩略图全屏 overlay 放大查看,背景毛玻璃 + 紫黑半透明
  · hover 缩略图时显示放大镜图标
- _dev-mock.ts 5 条 mock 作品都加 originalImageUrl(不同 hue 区分),id=102 (draft) 的 coverUrl 设为 null 测试占位边界

兼容性:
- v-if 检查 originalImageUrl 不为空且与 coverUrl 不同,防止字段未拆分时显示重复
- 后端 originalImageUrl 字段为 null 时 PIP 不显示,老数据自动兼容

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-09 19:29:31 +08:00
..
.cursor/rules Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
docs feat: 赛事→活动术语统一,AI创作嵌套路由重构,前端依赖升级 2026-04-08 22:58:07 +08:00
e2e feat: 管理端全功能 E2E 测试——40 用例覆盖登录、仪表盘、活动、报名、作品、评审、用户、导航 2026-04-09 12:52:39 +08:00
playwright-report feat: 管理端全功能 E2E 测试——40 用例覆盖登录、仪表盘、活动、报名、作品、评审、用户、导航 2026-04-09 12:52:39 +08:00
scripts Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
src feat: 作品封面引入 PIP 画中画展示原图,详情页加全屏放大查看 2026-04-09 19:29:31 +08:00
test-results feat: 管理端全功能 E2E 测试——40 用例覆盖登录、仪表盘、活动、报名、作品、评审、用户、导航 2026-04-09 12:52:39 +08:00
.env.development feat: 赛事→活动术语统一,AI创作嵌套路由重构,前端依赖升级 2026-04-08 22:58:07 +08:00
.env.production feat: 赛事→活动术语统一,AI创作嵌套路由重构,前端依赖升级 2026-04-08 22:58:07 +08:00
.env.test feat: 赛事→活动术语统一,AI创作嵌套路由重构,前端依赖升级 2026-04-08 22:58:07 +08:00
.gitignore Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
.npmrc Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
cmp-3d.conf Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
competition-web-test-v1.0.0.tgz 修改代码,部署测试 2026-01-18 17:58:38 +08:00
index.html Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
package-lock.json feat: 管理端全功能 E2E 测试——40 用例覆盖登录、仪表盘、活动、报名、作品、评审、用户、导航 2026-04-09 12:52:39 +08:00
package.json feat: 管理端全功能 E2E 测试——40 用例覆盖登录、仪表盘、活动、报名、作品、评审、用户、导航 2026-04-09 12:52:39 +08:00
PERMISSION_USAGE.md Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
playwright.config.ts feat: 添加乐读派(leai)集成模块及E2E测试基础设施 2026-04-07 21:52:32 +08:00
postcss.config.js Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
tailwind.config.js Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
TENANT_MANAGEMENT_GUIDE.md Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
tsconfig.json Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
tsconfig.node.json Day4: 超管端设计优化 + UGC绘本创作社区P0实现 2026-03-27 22:20:25 +08:00
tsconfig.node.tsbuildinfo feat: 管理端全功能 E2E 测试——40 用例覆盖登录、仪表盘、活动、报名、作品、评审、用户、导航 2026-04-09 12:52:39 +08:00
tsconfig.tsbuildinfo feat: 管理端全功能 E2E 测试——40 用例覆盖登录、仪表盘、活动、报名、作品、评审、用户、导航 2026-04-09 12:52:39 +08:00
vite.config.d.ts feat: 管理端全功能 E2E 测试——40 用例覆盖登录、仪表盘、活动、报名、作品、评审、用户、导航 2026-04-09 12:52:39 +08:00
vite.config.js feat: 管理端全功能 E2E 测试——40 用例覆盖登录、仪表盘、活动、报名、作品、评审、用户、导航 2026-04-09 12:52:39 +08:00
vite.config.ts feat: 赛事→活动术语统一,AI创作嵌套路由重构,前端依赖升级 2026-04-08 22:58:07 +08:00