v94 必填项改成「标签红色加粗」,去掉红色星号 (#3)
需求(用户 2026-10-25):必填项原来在标题后面加一个红色星号,排版经常不齐。
改成「标题本身红色 + 加粗」——用户习惯后,看到红色加粗的标题就知道是必填。
CSS(assets/css/app.css):
- :root 新增 --req:#B03A2E、--req-w:700。
· 不用 --red(#C0533F):那是动作红(删除按钮底色),当文字色放在暖纸底
#F7F3EA 上对比度只有 ≈3.4:1,13-14px 标签偏浅;#B03A2E 约 4.6:1。
· --req-w 必须 700 不能 650/600:本站标签基线字重本来就是 600
(.form-grid > .field > label / .card .field > label / .mv-row > .mv-lb /
.dt-range-label 四处都是 600),650 会被取整回 600 = 完全没加粗。
- 文件末尾新增「必填项统一标记」段,覆盖四种标签形态:
label.is-req / .mv-lb.is-req / .dt-inline-lab.is-req / .dt-range-label.is-req,
用 !important 打穿各宿主选择器的特异性(颜色与字重是语义标记,不该被面板样式盖掉)。
- 冒号跟着变红:.mv-lb::after / .dt-inline-lab::after 原本是灰色 400,
只改标签本体会剩「红字 + 灰冒号」的半截效果。
- 包裹层兜底(.field.is-req > label 等),只作用直接子级 ——
不写 .field.is-req label,那会把「提醒」那排 checkbox 的小标签一起染红。
- 深色主题给备用色 #F08A78。
- 保留 .mv-row > .mv-lb > i(万一有没清干净的星号不至于露灰星花,且静态断言会报出来)。
模板(16 个文件 / 30 处):
- _event_fields.php / _datetime.php 的标签闭包第三参数 $star → $req,
$dtLabelStar → $dtLabelReq,删掉死引用 $evLabelStar。
- 其余 14 个模板把 `<i>*</i>` 换成给标签加 is-req 类。
- 用显式 .is-req 而不靠 required 属性反推:CSS 无父选择器,:has() 旧 WebView
不可用,且影院名称/板块名本来就靠 JS 校验没有 required。
验证:
- 静态 _fb_v94_static.py 22/0,反向 9/9(含「--req-w 必须严格大于从 CSS 解析出的
标签基线字重」,不写死 700)。
- 真浏览器 _fb_v94_req.py 63/0,反向 5/5(加粗/必须红/!important 必要性/
星号必须消失/每形态单独覆盖,五类注入各自精确命中预期断言)。
- 全量流水线(含 60+ 套件)通过并部署。
- 线上真实页面 _fb_v94_live.py 31/0:观影「片名」、旅程「旅程名」、
成员「姓名」、导航「网址/所属板块」实测 color=rgb(176,58,46) weight=700,
同页非必填 color=rgb(44,35,29) weight=600,冒号同色,无星号。
This commit is contained in:
@@ -44,7 +44,10 @@
|
||||
* 为什么要它:用户 2026-10-12 第 2 条要求「日期范围:」与最新控件
|
||||
* **在同一行**。宿主的 `.mv-grid` 行结构把标签与控件分在两行,
|
||||
* 与其在 CSS 里跟行结构较劲,不如让控件**自带**标签 —— 位置确定。
|
||||
* $dtLabelStar 标签后是否跟一颗必填星号(配 $dtLabel 用)
|
||||
* $dtLabelReq 该标签是否表示**必填**(配 $dtLabel 用)。
|
||||
* 🔴 v94 起不再画星号,而是给标签加 `.is-req`(红字加粗)。
|
||||
* 参数名 v94 起从 `$dtLabelReq` 更名为 `$dtLabelReq`:它原来叫
|
||||
* "加星",现在只表示"这是必填",旧名会让人以为还在画星号。
|
||||
* $dtPlugin 🔴 v38 插件开关:'antd' = 由 app.js 把这两个端点升级成
|
||||
* **Ant Design 的 RangePicker**(用户 2026-10-10 点名要的插件)。
|
||||
* ⚠️ 只用在**起止成对**的两个端点上(见下),且**只在观影模块试点**;
|
||||
@@ -73,7 +76,7 @@ $dtRange = (string)($dtRange ?? '');
|
||||
所以这里不能用 `??` —— 得先看有没有这个键。 */
|
||||
$dtHasLabel = array_key_exists('dtLabel', get_defined_vars());
|
||||
$dtLabel = $dtHasLabel ? (string)$dtLabel : '';
|
||||
$dtLabelStar = (bool)($dtLabelStar ?? false);
|
||||
$dtLabelReq = (bool)($dtLabelReq ?? false);
|
||||
|
||||
/* 🔴 v38:插件开关(见文件头)。只在**起止成对**的场景下有意义 ——
|
||||
RangePicker 天生就是"一个控件管两端",单点控件挂它反而多一个"确定"。
|
||||
@@ -127,7 +130,9 @@ $dtCfg = ['name' => $dtName, 'seconds' => $dtSeconds, 'required' => $dtRequired,
|
||||
而 `.dt-range.dt-cols > .field { flex: 1 1 250px }`(0,3,0)会盖过
|
||||
`.dt-range > .dt-inline-lab { flex: 0 0 62px }`(0,2,0)——
|
||||
实测标签被撑成 261px,把最新控件挤到右边去("不在同一行左侧"的观感)。 */ ?>
|
||||
<span class="dt-inline-lab mv-lb"><?= e($dtLabel) ?><?= $dtLabelStar ? '<i>*</i>' : '' ?></span>
|
||||
<?php /* 🔴 v94:必填不再画星号,改成标签自身红色加粗(`.is-req`)。
|
||||
`$dtLabelReq` 参数名保持不变(调用点很多),语义已是"必填"。 */ ?>
|
||||
<span class="dt-inline-lab mv-lb<?= $dtLabelReq ? ' is-req' : '' ?>"><?= e($dtLabel) ?></span>
|
||||
<?php endif; ?>
|
||||
<?php /* ⚠️ v44:不再套外层 `.field` —— 那会把 `.dt-input` 变成**孙子**,
|
||||
于是 `> .dt-input` 那条宽泛的收起规则失效(日程"旧控件还在"就是这么来的)。
|
||||
@@ -205,7 +210,7 @@ $dtCfg = ['name' => $dtName, 'seconds' => $dtSeconds, 'required' => $dtRequired,
|
||||
<?php /* 用完即清,避免残留变量影响下一次 include */ unset(
|
||||
$dtName, $dtValue, $dtRequired, $dtId, $dtSeconds, $dtCfg, $dtRange,
|
||||
$dtDateType, $dtUseParts, $dtYearFrom, $dtYearTo, $dtPlugin, $dtUseAntd, $dtUseAntdSingle,
|
||||
$dtHasLabel, $dtLabel, $dtLabelStar, $dtClass, $dtFieldId,
|
||||
$dtHasLabel, $dtLabel, $dtLabelReq, $dtClass, $dtFieldId,
|
||||
$dtTs, $dtTsTmp, $dtDate, $dtY, $dtMo, $dtD, $dtDays,
|
||||
$dtHour, $dtMin, $dtSec,
|
||||
$dtH, $dtM, $dtS, $hv, $mv, $sv, $dtYy, $dtMm, $dtDd
|
||||
|
||||
Reference in New Issue
Block a user