From c09a9875a39c1e587fc4bfaab1110c7eb0f9f7eb Mon Sep 17 00:00:00 2001 From: laoyang Date: Tue, 3 Nov 2026 13:43:15 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=94=B6=E5=88=B0=E6=9C=80?= =?UTF-8?q?=E4=B8=8A=E9=A1=B6=E5=A4=B4=EF=BC=8C=E6=A0=87=E7=AD=BE=E4=B8=8B?= =?UTF-8?q?=E7=A7=BB=E4=B8=80=E8=A1=8C=EF=BC=9B=E9=A1=B6=E6=A0=8F=E6=A0=87?= =?UTF-8?q?=E9=A2=98=E5=9B=9E=E5=BD=93=E5=89=8D=E8=BD=AF=E4=BB=B6=EF=BC=9B?= =?UTF-8?q?=E5=8E=BB=E6=8E=89=E8=B7=A8=E8=BD=AF=E4=BB=B6=E5=BC=95=E5=AF=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 用户三个问题： 一、软件名/分类/状态三个标签挤在标题前面，把标题推到右边很难看 列表页：item-top 里 badges 在前、标题在后 → 标题被挤到右边 详情页：同一个毛病 改法（两处一致）： 行1 标题（顶头、独占一行） 行2 标签（分类/状态；详情页还有软件名） 行3 摘要 / 作者信息 列表页新增 .item-head + .item-tags；详情页新增 .subject-head + .subject-tags。 ⚠️ .item-top 保留 —— admin.php 有三处内部列表还在用，删了后台会塌。 二、顶栏「XX 反馈系统」点完跳首页 用户：「点完之后应该还是进入这个反馈系统，而不是进到首页。首页没有太大作用， 只是演示说明用的。正常使用都是每个软件独立，要让用户觉得 这套反馈系统就是专门为这个软件做的。」 改法：brand-mini 的 href 从 "./" 改为 fb_software_list_url()。 三、软件内部不该引导去其他软件 用户：「在一个反馈系统里面，我要反馈、问题列表、左上角那个链接， 全部都是这个软件相关的内容，跟其他软件没关系。」 - 提交成功页删掉整个「也可以去其他软件反馈」区块及其 CSS - 删掉成功页的「返回首页」按钮（已有「看该软件其他反馈」，重复且无意义） - 跨软件只剩顶栏三横线菜单一个入口 验证：列表页/详情页 DOM 顺序均为 标题→标签→作者（实测 item-title 58 < item-tags 171； subject-title 49 < subject-tags 151 < item-meta 592）； 浏览器实测标题 top=282 标签 top=315（列表）、155→194（详情），标签确实在下方； 标题左边缘距卡片边 18/23px，就是卡片自身 padding，没有额外缩进； 顶栏标题 href=index.php?sw=synccalendar，不再指向根路径；全站 8 个路由 200。 --- assets/style.css | 95 +++++++++++++++++++++++++++++++++++++++++++++-- index.php | 11 ++++-- lib/bootstrap.php | 2 +- lib/layout.php | 10 ++++- new.php | 41 +++++++------------- thread.php | 19 ++++++---- 6 files changed, 136 insertions(+), 42 deletions(-) diff --git a/assets/style.css b/assets/style.css index 4d3e220..d34f227 100644 --- a/assets/style.css +++ b/assets/style.css @@ -449,8 +449,21 @@ main.wrap{padding-top:24px; padding-bottom:40px; min-height:60vh} border-radius:13px; padding:15px 17px; box-shadow:var(--shadow); color:inherit; } .item:hover{border-color:var(--brand); text-decoration:none; box-shadow:0 3px 12px rgba(0,87,184,.10)} +/* 列表项： + * 行1 = 标题（顶头、单独一行） + * 行2 = 分类 / 状态 标签 + * 行3 = 摘要、缩略图、作者信息 + * + * 🔴 用户 2026-11-03：标签别放在标题前面。 + * 以前 badges 和标题挤在同一个 flex 行里，标签占掉左边一大截， + * 标题被推到右边、长度不够就换行，很难看。 + * 现在标题独占一行、从左边缘开始，标签另起一行。 */ +/* ⚠️ .item-top 仍被 admin.php 的三处内部列表使用（后台待审核 / 详情头 / 操作日志）。 + * 前台列表已改用 .item-head + .item-tags（标题独占一行），这里保留供后台用。 */ .item-top{display:flex; align-items:center; flex-wrap:wrap; gap:8px} -.item-title{font-weight:600; font-size:16px; flex:1; min-width:160px} +.item-head{display:flex; align-items:flex-start; gap:8px} +.item-title{font-weight:600; font-size:16px; flex:1; min-width:0; line-height:1.45; word-break:break-word} +.item-tags{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:7px} .item-ex{color:var(--muted); font-size:14px; margin:8px 0 8px; word-break:break-word} .item-meta{display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:13px; color:var(--muted)} .item-meta .who{color:#3a424d; font-weight:600} @@ -564,7 +577,12 @@ main.wrap{padding-top:24px; padding-bottom:40px; min-height:60vh} /* ---------- 主题 / 回复 ---------- */ .subject{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 22px; box-shadow:var(--shadow)} -.subject-title{font-size:21px; margin:0; flex:1; min-width:200px} +/* 详情页三段：标题（顶头独占一行）→ 标签行 → 作者信息行。 + * 🔴 用户 2026-11-03：软件名/分类/状态这三个标签原来在标题前面， + * 把标题挤到右边去了。现在标题在最上面顶头，标签另起一行放下面。 */ +.subject-head{display:flex; align-items:flex-start; gap:10px} +.subject-title{font-size:21px; margin:0; flex:1; min-width:0; line-height:1.4; word-break:break-word} +.subject-tags{display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:10px 0 0} .subject-body{margin-top:14px; white-space:normal; word-break:break-word; line-height:1.85} .subject-body br{content:""} @@ -579,7 +597,78 @@ main.wrap{padding-top:24px; padding-bottom:40px; min-height:60vh} .reply-body{word-break:break-word; line-height:1.8} /* ---------- 表单 ---------- */ -.narrow{max-width:640px} +/* 提交页容器。 + * 🔴 原来只有 max-width:640px，**没有居中** —— 在 880px 的内容区里， + * 表单贴左边、右侧空出 240px 白，看起来像"页面缺了一块"。 + * 用户 2026-11-03 指出这一点。现在：加 margin 居中，宽度放到 720px， + * 既不至于像正文那么宽（长行难读），也不会显得抠掉一块。 */ +.narrow{max-width:720px; margin-left:auto; margin-right:auto} + +/* ---------- 提交成功页 ---------- + * 用户 2026-11-03：提交完不要跳走，要给回执 + 凭据 + 后续去处。 */ +.submitted{ + background:var(--card); border:1px solid var(--line); + border-radius:16px; padding:30px 32px 26px; margin-top:14px; + box-shadow:var(--shadow); + text-align:center; +} +.submitted-ok{ + width:52px; height:52px; margin:0 auto 14px; border-radius:50%; + background:var(--ok-soft, #e8f6ee); color:var(--ok, #16794a); + font-size:26px; line-height:52px; font-weight:700; +} +.submitted h1{font-size:22px; margin:0 0 10px} +.submitted-lead{ + font-size:14px; line-height:1.75; color:var(--muted); + margin:0 auto 20px; max-width:520px; +} +.submitted-lead b{color:var(--fg)} + +/* 凭据框：要显眼但不能吓人 —— 用中性浅底 + 等宽字，看起来像"码" */ +.token-box{ + text-align:left; margin:0 0 22px; padding:15px 16px; + background:var(--bg, #f6f8fb); border:1px solid var(--line); + border-radius:11px; +} +.token-box-hd{ + font-size:12.5px; font-weight:700; color:var(--muted); + letter-spacing:.3px; margin-bottom:8px; +} +.token-code{ + font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; + font-size:14px; font-weight:600; color:var(--fg); + padding:10px 12px; background:var(--card); + border:1px dashed var(--line-strong); border-radius:8px; + word-break:break-all; user-select:all; line-height:1.5; +} +.token-box-tip{ + font-size:12.5px; line-height:1.7; color:var(--muted); margin:10px 0 0; +} +.token-box-warn{ + font-size:12.5px; line-height:1.7; color:#8a5a10; margin:8px 0 0; + padding:7px 10px; background:#fff8e6; border-radius:6px; +} + +.submitted-next{ + font-size:13px; color:var(--muted); margin:0 0 10px; text-align:left; +} +.submitted-actions{ + display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-start; + margin:0 0 22px; +} + +/* （已删）submitted-others / submitted-sw —— + * 成功页不再列其他软件的入口，跨软件只有顶栏三横线菜单一个入口。 */ + +.submitted-credit{ + margin:18px 0 0; padding-top:16px; border-top:1px solid var(--line); + font-size:12.5px; color:var(--muted); text-align:left; + word-break:break-all; +} +@media (max-width:600px){ + .submitted{padding:24px 18px 20px} + .submitted-actions .btn{flex:1 1 auto; text-align:center} +} .card-form{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 22px; box-shadow:var(--shadow); margin-top:14px} .field{display:block; margin-bottom:16px} .field > span{display:block; font-size:14px; font-weight:600; margin-bottom:6px} diff --git a/index.php b/index.php index 66d2f97..24dec6d 100644 --- a/index.php +++ b/index.php @@ -165,12 +165,17 @@ fb_layout_head($sw ? fb_software_site_title($sw) : $headTitle, ['software' => $s -
- - + +
#
+
+ + +

diff --git a/lib/bootstrap.php b/lib/bootstrap.php index cff0f6a..de433ed 100644 --- a/lib/bootstrap.php +++ b/lib/bootstrap.php @@ -8,7 +8,7 @@ if (!defined('FB_ROOT')) { define('FB_ROOT', dirname(__DIR__)); // 静态资源版本号：改 assets/ 下的 css/js 后把这个数字 +1， // 让浏览器与 CDN 缓存失效。全站只此一处，别再往页面里写死数字。 - if (!defined('FB_ASSET_V')) { define('FB_ASSET_V', 32); } + if (!defined('FB_ASSET_V')) { define('FB_ASSET_V', 34); } } /* ------------------------------------------------------------------ diff --git a/lib/layout.php b/lib/layout.php index 9d34701..a9d767c 100644 --- a/lib/layout.php +++ b/lib/layout.php @@ -71,7 +71,15 @@ function fb_layout_head($title, array $opt = []) { list($curSwColor) = fb_software_colors($curSw); if ($curSwColor === '') { $curSwColor = '#0057B8'; } ?> - + diff --git a/new.php b/new.php index 5c26eee..7b1b979 100644 --- a/new.php +++ b/new.php @@ -179,7 +179,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') { * 🔴 关键取舍：**不跳转、不用 302**。跳转会让用户失去"我刚提交成功"这一帧， * 而且详情页此刻还是「未公开」状态，跳过去反而像出错了。 * 这里直接把成功页渲染出来，把 token 明明白白摆在眼前。 */ - fb_render_submitted($sw, $newId, $trackToken, $form, $swList); + fb_render_submitted($sw, $newId, $trackToken, $form); exit; } } @@ -289,7 +289,7 @@ fb_layout_foot(); * 邮件可能进垃圾箱、也可能被误删。把码当场亮出来，用户至少能复制存档， * 不至于彻底失去跟踪能力。这是"唯一凭据"，丢了就找不回来（我们不认人）。 * ================================================================== */ -function fb_render_submitted($sw, $newId, $token, array $form, array $swList) { +function fb_render_submitted($sw, $newId, $token, array $form) { $swName = $sw ? (string)$sw['name'] : ''; fb_layout_head('反馈已提交', ['robots' => 'noindex,nofollow', 'software' => $sw]); ?> @@ -326,38 +326,25 @@ function fb_render_submitted($sw, $newId, $token, array $form, array $swList) { 查看这条反馈 继续提交一条 + - 返回首页
-
-
也可以去其他软件反馈
-
- - - - - 去反馈 → - - -
-
- $thSwForColor]);
-
- + + +
+

+ # +
+
-

- #