进度暂存:L2 启动活动按钮接功能 —— 参数抽屉(LaunchDrawer)按规格渲染,占位参数表每活动一份,提交落「待执行」演示行;需求文档记 2026-08-27 决策

This commit is contained in:
shanqin
2026-08-27 10:31:50 +08:00
parent 92b7796601
commit d03fed97d2
3 changed files with 227 additions and 4 deletions
+15
View File
@@ -735,6 +735,21 @@
@media (prefers-reduced-motion: reduce) {
.g-actvd .g-popask, .g-actid .g-popask { animation: none; }
}
/* ══ 启动活动 · 参数抽屉(2026-08-27 用户定)══
骨架复用全局 g-drawer;portal 挂在 body 上,作用域类 .g-launch 得自己带着走。
这里只补抽屉内表单特有的三件:必填星号、数组参数(list)编辑行、底注 */
.g-launch .g-fld > span .req { font-style: normal; margin-left: 3px; color: var(--danger-accent); }
/* 数组参数:一行一条 + 行尾删除,底下虚线「再加一项」—— 可传多个的参数(如候选 PN)的趁手件 */
.g-lplist { display: grid; gap: 7px; }
.g-lplist-row { display: flex; align-items: center; gap: 7px; }
.g-lplist-row .g-input { flex: 1; min-width: 0; }
.g-lplist-row .x { flex: none; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink-4); cursor: pointer; transition: color var(--t-fast), border-color var(--t-fast); }
.g-lplist-row .x:hover:not(:disabled) { color: var(--danger-accent); border-color: var(--danger-accent); }
.g-lplist-row .x:disabled { opacity: .38; cursor: not-allowed; }
.g-lplist-add { justify-self: start; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border: 1px dashed var(--cline); border-radius: 8px; background: transparent; color: var(--ink-3); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; transition: color var(--t-fast), border-color var(--t-fast); }
.g-lplist-add:hover { color: var(--brand); border-color: var(--brand); }
.g-launch-hint { margin: 13px 0 0; font-size: 11.5px; line-height: 1.6; color: var(--ink-4); }
.g-fcard .mbtn { flex: none; width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--ink-4); cursor: pointer; }
.g-fcard .mbtn:hover, .g-fcard .mbtn.on { border-color: var(--cline); background: #f3f6fa; color: var(--ink); }
.g-fcard .mbtn.bad:hover { border-color: #e6c4c4; background: #fdf2f2; color: var(--danger); }