From cf91d9a9c071bcd1a756f313082a90d2af66b543 Mon Sep 17 00:00:00 2001 From: maogeigei Date: Fri, 4 Sep 2026 15:42:39 +0800 Subject: [PATCH] =?UTF-8?q?R62:=20=E5=B8=AE=E5=8A=A9=E9=A1=B5=E4=BF=AE?= =?UTF-8?q?=E5=A4=8D=E2=80=94=E2=91=A0buildOverlay=20=E8=B0=83=20cleanupGu?= =?UTF-8?q?ide=20=E8=87=B4=20guide=3Dnull=20=E5=BC=95=E5=AF=BC=E4=BB=8E?= =?UTF-8?q?=E6=9C=AA=E7=94=9F=E6=95=88(=E5=8E=BB=E5=86=97=E4=BD=99?= =?UTF-8?q?=E6=B8=85=E7=90=86,=20startGuide=20=E5=B7=B2=E6=B8=85)=20?= =?UTF-8?q?=E2=91=A1=E5=B8=AE=E5=8A=A9=E5=8D=A1=E5=9B=BA=E5=AE=9A=E4=B8=80?= =?UTF-8?q?=E8=A1=8C2=E4=B8=AA(=E5=85=A8=E5=B1=8F=E4=B8=8D=E5=86=8D3?= =?UTF-8?q?=E5=88=97,=20=E7=AA=84=E5=B1=8F1=E5=88=97;=20style=3Fg=20help-g?= =?UTF-8?q?uide=3Fc)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../短视频脚本创作/V1.0/mcn-work-shop/public/help-guide.js | 3 ++- project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html | 4 ++-- project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css | 3 ++- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/help-guide.js b/project/短视频脚本创作/V1.0/mcn-work-shop/public/help-guide.js index e184ddd..4adb727 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/help-guide.js +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/help-guide.js @@ -379,7 +379,8 @@ } function buildOverlay() { - cleanupGuide(); + /* 注意:不要在此调 cleanupGuide()——它会把 guide 置 null,导致下方 guide.mask 赋值抛错。 + 旧引导清理由调用方 startGuide(入口处 if (guide) cleanupGuide())负责;新建 mask/pop 挂到当前 guide */ const mask = document.createElement('div'); mask.className = 'g-mask'; mask.style.zIndex = String(GUIDE_Z); diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html b/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html index 160504b..5fe49ec 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html @@ -4,7 +4,7 @@ 短视频工作台 - + @@ -42,7 +42,7 @@ - + diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css index 79113a2..5a4afaf 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css @@ -738,7 +738,8 @@ td.td-title { max-width: 240px; } .help-head-icon { width: 52px; height: 52px; border-radius: 14px; background: var(--primary-soft); color: var(--primary); display: flex; align-items: center; justify-content: center; flex: none; } .help-head h2 { font-size: 22px; margin-bottom: 4px; } .help-head-sub { color: var(--dim); font-size: 15px; } -.help-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; } +.help-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } /* 09-04 用户定稿:卡片固定一行 2 个(全屏不再 auto-fill 变 3 列);窄视口降 1 列 */ +@media (max-width: 820px) { .help-grid { grid-template-columns: 1fr; } } .help-card { background: var(--panel); border: 1px solid var(--border); border-radius: 12px; padding: 16px 18px; box-shadow: var(--shadow);