seaislee1209andClaude Opus 4.8
44e90233ff
后端:
- 新增 Model(模特)团队级实体:形象图+三视图+声线(声线尾期),官方模板标签,软删
- Asset.Category 枚举一次加全(model_portrait/tri_view/voice/model_tryon/platform_kit/free_create/storyboard),逐期接线
- 送审范围 person → REVIEW_CATEGORIES{person,tri_view,storyboard}(review.py + adminpanel 队列),图片趴不送审;当前行为不变(forward-compat)
- /api/models/ ModelLibraryViewSet:本团队∪官方模板、官方/我的 tab、真人上传、软删(官方不可删)、跨团队资产引用防越权
- backfill_models 命令把历史成套模特(kind=model + 项目流命名配对)归集成 Model,dry-run 默认
前端:
- 左菜单新增「模特库」顶级入口(person 图标)+ 路由 /models
- 模特库页:全部/官方模板/我的模特 tab + 真人上传 + 模特卡(形象图+三视图缩略+官方标签),仅用 design token
测试:assets 10/10 绿;tsc+build 全绿;无头走查 0 console error(全部5/官方3/我的2,官方标签达标)
基线既有 7 失败(ai/projects provider mock 漂移)零新增
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
99 lines
2.3 KiB
CSS
99 lines
2.3 KiB
CSS
/* 模特库 · 顶级实体(形象图 + 三视图)· 仅用 design-restraint token,不写裸 hex */
|
|
.models-empty { min-height: 240px; flex-direction: column; gap: 8px; }
|
|
.models-empty-hint { font-size: 12px; color: var(--black-alpha-48); letter-spacing: .02em; }
|
|
|
|
.models-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
|
|
gap: 16px;
|
|
}
|
|
|
|
.model-card {
|
|
background: var(--surface);
|
|
border: 1px solid var(--border-faint);
|
|
border-radius: var(--r-md);
|
|
overflow: hidden;
|
|
transition: border-color .15s;
|
|
}
|
|
.model-card:hover { border-color: var(--border-loud); }
|
|
|
|
/* 形象图(9:16 氛围正面图)· 主视觉 */
|
|
.model-portrait {
|
|
position: relative;
|
|
width: 100%;
|
|
aspect-ratio: 3 / 4;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* 官方模板标签:复用 .pill.info(单橙锚点),定位左上 */
|
|
.model-official {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 8px;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* 删除按钮:默认半隐,hover 卡片才显;crimson 危险态 */
|
|
.model-del-btn {
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 6px;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: none;
|
|
border-radius: var(--r-sm);
|
|
background: var(--black-alpha-48);
|
|
color: var(--accent-white);
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
transition: opacity .15s, background .15s;
|
|
}
|
|
.model-card:hover .model-del-btn { opacity: 1; }
|
|
.model-del-btn:hover { background: var(--accent-crimson); }
|
|
|
|
.model-confirm {
|
|
position: absolute;
|
|
inset: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
background: var(--black-alpha-56);
|
|
}
|
|
.model-del { background: var(--accent-crimson); border-color: var(--accent-crimson); color: var(--accent-white); }
|
|
.model-del:hover { filter: brightness(1.06); }
|
|
|
|
.model-body { padding: 10px 12px 12px; }
|
|
.model-name {
|
|
font-size: 13.5px;
|
|
font-weight: 500;
|
|
color: var(--accent-black);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 三视图(16:9 白底)· 成套证明 */
|
|
.model-triview {
|
|
width: 100%;
|
|
aspect-ratio: 16 / 9;
|
|
margin-top: 8px;
|
|
border-radius: var(--r-sm);
|
|
}
|
|
.model-triview .ph-frame { font-size: 11px; }
|
|
|
|
.model-tags {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
margin-top: 8px;
|
|
font-size: 11.5px;
|
|
color: var(--black-alpha-48);
|
|
letter-spacing: .02em;
|
|
}
|