承担"这个页怎么用"的说明文案，
.lead 是 bootstrap3 的 21px/300 字重"引导段落"样式，视觉过突兀。
新加 .page-hint 灰色小字，专门装说明文案，让搜索栏做视觉主角。 */
.page-hint{
font-size:13px;
color:var(--text-3);
line-height:1.6;
margin:0 0 var(--sp-3) 0;
padding:8px 12px;
background:var(--bg-head);
border-left:3px solid var(--brand-primary);
border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
/* ================= B2 商品深度打磨 (2026-07-05) ================= */
/* R1: 老蓝绿 #1ab394 (H+ 主题预设) 全局归一到品牌绿。8 文件 10 处硬编码：
goods/productPublish 类别标签栏 / Invoicing/poMaster / user/user /
promotion/promotionCouponRelation / orderImport/productList */
[style*="#1ab394"],[style*="#1AB394"]{ background-color:var(--brand-primary) !important; }
/* R2: 老品牌红 #FF0D39 (productShelf.js 表格行 formatter) 归一到主题 --danger */
[style*="#FF0D39"],[style*="#ff0d39"]{ color:var(--danger) !important; }
/* R3: 纯蓝 #0000FF / color:blue (70 处，hq/hqProductShelf 18、anchorScreening 15、hqProduct 10、
promotionActivity 8、productShelf 6…) 归一到主题 --info */
[style*="#0000FF"],[style*="#0000ff"],[style*="color:blue"],[style*="color: blue"]{ color:var(--info) !important; }
/* ================= B2-2 产品信息页深度打磨 (2026-07-05) ================= */
/* A: bootstrap-table 表头列名 nowrap，禁 ellipsis
现象: "采/统/展/储/录/修/状" 7 列表头被压缩到 5 字截断
修法: 表宽由 col-11 的 overflow-x:scroll 容纳，表头 nowrap 全字显示 */
.fixed-table-container thead th,
.fixed-table-container thead th .th-inner,
.bootstrap-table .table thead th{
white-space:nowrap !important;
overflow:visible !important;
text-overflow:unset !important;
}
/* B: 操作列按钮尺寸+间距收紧
现象: 编辑基础/规格/图片 + 入驻商编辑 + 查看 + 复制 + 设置提成 竖排 7 个按钮撑高单行到 240px
修法: 收紧 layui-btn + .btn 尺寸；避开状态列 (layui-btn-radius 由 C 处理) */
.fixed-table-body td .layui-btn:not(.layui-btn-radius),
.fixed-table-body td .btn{
padding:0 10px !important;
height:26px !important;
line-height:26px !important;
font-size:12px !important;
margin:2px 0 !important;
min-width:auto !important;
border-radius:var(--radius-sm) !important;
}
/* C: 状态列 layui-btn-radius 胶囊化 + 品牌色映射
现象: format6 状态用 是浅蓝方块
映射: layui-btn-normal → 品牌绿浅底 (审核通过/正常态)
layui-btn-primary → 品牌红浅底 (停用/危险态)
默认 layui-btn → 灰底 (待处理/未审核) */
.fixed-table-body td .layui-btn-radius{
border-radius:12px !important;
padding:0 12px !important;
height:24px !important;
line-height:24px !important;
font-size:12px !important;
border:none !important;
cursor:default !important;
min-width:auto !important;
margin:0 !important;
}
.fixed-table-body td .layui-btn-radius.layui-btn-normal{
background:var(--brand-primary-light) !important;
color:var(--brand-primary) !important;
}
.fixed-table-body td .layui-btn-radius.layui-btn-primary{
background:#FCEAE7 !important;
color:var(--danger) !important;
}
.fixed-table-body td .layui-btn-radius:not(.layui-btn-normal):not(.layui-btn-primary):not(.layui-btn-warm):not(.layui-btn-danger){
background:#F0F1F3 !important;
color:var(--text-2) !important;
}
/* D: 时间戳强制单行 (format4/5 用 `日期
时间` 输出，
但第二个 span 里 "19:56:51" 被 word-break 拆 3 行——让 span 内部 nowrap，允许列自然加宽) */
.fixed-table-body td span{
white-space:nowrap !important;
word-break:normal !important;
}
/* E-fix: 首列 checkbox 被 fixed-table-container border-radius 圆角裁一半
现象: 表头行第一列 checkbox 左侧被容器圆角遮住半格
修法: .bs-checkbox 列加左右 padding, 让 checkbox 往里移 */
.fixed-table-container .bs-checkbox,
.fixed-table-container .bs-checkbox .th-inner,
.fixed-table-container tbody td.bs-checkbox{
padding-left:12px !important;
padding-right:8px !important;
}
/* E: 搜索栏 chosen-select 与原生 select / form-control 高度对齐
现象: 大区/入驻商 (chosen) 高度 ~30px, 状态 (原生 select) 32px, 视觉抖
修法: chosen-single 统一 32px, 与 P0 定义的 --control-h 对齐 */
.chosen-container-single .chosen-single{
height:32px !important;
line-height:32px !important;
padding:0 10px !important;
border-radius:var(--radius-sm) !important;
border:1px solid var(--border) !important;
box-shadow:none !important;
background:#fff !important;
}
.chosen-container-single .chosen-single div{ top:4px !important; }
.chosen-container-single .chosen-single span{ line-height:32px !important; margin-right:22px !important; }
/* F: 类别栏 "饮料(1)" 字挤成两行
现象: 产品信息页左侧 #bogeSaleCls 里 col-sm-2 宽 30px 左右, "饮料(1)" 被拆行
修法: 局部 nowrap + 左右 padding 收紧 */
#bogeSaleCls .col-sm-2{
white-space:nowrap !important;
padding:8px 4px !important;
overflow:visible !important;
}
/* G: ibox-title 加品牌绿左边条，提升页头视觉分量
现象: "商城商品信息管理" H5 只是灰底细线, 页头无重点
修法: 用 ::before 伪元素画 3px 左边条, 不改盒模型不引起 layout 抖 */
.ibox-title h5{
position:relative !important;
padding-left:12px !important;
}
.ibox-title h5::before{
content:"";
position:absolute;
left:0;
top:2px;
bottom:2px;
width:3px;
background:var(--brand-primary);
border-radius:2px;
}
/* ================= B2-3 产品信息页 format2/format10 重排 (2026-07-05) ================= */
/* H: 图片列 format2 —— 只留图片 + 紧贴的下载 ZIP 小按钮 */
.pp-img-cell{ text-align:center; padding:4px 0; }
.pp-img-thumb{
width:80px !important; height:80px !important;
border-radius:var(--radius-sm);
cursor:zoom-in;
object-fit:cover;
border:1px solid var(--border);
display:block; margin:0 auto 6px;
}
.pp-img-zip{
font-size:11px !important;
padding:0 8px !important;
height:22px !important;
line-height:22px !important;
border-radius:11px !important;
}
/* I: 产品名称列 format10 —— 主标题 + 入驻商家副文字 + 类型标签 */
.pp-name-cell{ text-align:center; padding:4px 0; }
.pp-name-main{
font-size:13px; font-weight:500;
color:var(--text-1);
line-height:1.4;
margin-bottom:4px;
}
.pp-name-sub{
font-size:11px;
color:var(--text-3);
line-height:1.3;
margin-bottom:6px;
word-break:break-all;
}
.pp-type-tag{ margin-top:2px; }
/* ================= B2-4 产品信息页 v5 微调 (2026-07-05) ================= */
/* L: 整体间距收紧 ~30% —— ibox padding / row 间距 / 卡片间距 */
.ibox-content{ padding:14px !important; }
.ibox-title{ padding:12px 14px !important; }
.ibox{ margin-bottom:12px !important; }
.ibox-content > .row-lg > .col-sm-12 > .row + .row{ margin-top:4px; }
.ibox-content > .row-lg > .col-sm-12 > .row{ margin-bottom:0 !important; }
#ProductPublishTableToolbar{ margin:8px 0 !important; }
/* J: 搜索栏 label 按钮 min-width 统一，让不同控件类型 (SelectCon/input-group/chosen)
视觉左对齐。四种控件的 label 名："配送类型"3字最长，min-width 78px 兜住 */
.ibox-content .input-group-btn > .btn{
min-width:78px !important;
text-align:center !important;
padding-left:8px !important;
padding-right:8px !important;
border-color:var(--border) !important;
}
/* K: 操作列 format3 buttons flex-wrap 双列布局 (配合 JS 加 .pp-op-cell wrapper)
现: 8 按钮竖排单列 200px+ 高
后: flex-wrap 双列, 每 2 按钮一行, ~4 行 100-120px 高 */
.pp-op-cell{
display:flex;
flex-wrap:wrap;
gap:4px;
justify-content:center;
align-items:flex-start;
padding:2px 0;
}
.pp-op-cell .layui-btn{ margin:0 !important; }
/* ================= B2-5 产品信息页 v6 精修 (2026-07-05) ================= */
/* M: DynamicSelect2 (select2 库) 高度 36->32 与 chosen/form-control 对齐 */
.select2-container--default .select2-selection--single{
height:32px !important;
border-color:var(--border) !important;
border-radius:var(--radius-sm) !important;
background:#fff !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:32px !important;
padding-left:10px !important;
color:var(--text-1) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height:30px !important;
}
/* N: 搜索栏和表格之间留白收紧 (工具栏 margin-bottom 12->4) */
.fixed-table-toolbar{ margin-bottom:4px !important; }
/* O: fixed-table-toolbar 左右两组按钮垂直居中对齐
现象: 左"添加/审核" 与右"列选择/导出" 垂直没对齐 (bootstrap-table 给
.bs-bars/.columns 默认 margin-top:10 line-height:34, 与自定义 toolbar 内 32px 按钮不齐)
修法: 让 fixed-table-toolbar 做 flex 容器 + align-items:center */
.fixed-table-toolbar{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
flex-wrap:wrap;
}
.fixed-table-toolbar > .bs-bars,
.fixed-table-toolbar > .columns,
.fixed-table-toolbar > .columns-right,
.fixed-table-toolbar > .search{
margin-top:0 !important;
margin-bottom:0 !important;
line-height:normal !important;
}
/* P: input-group label 按钮与 input 无缝衔接 (label 变淡背景, 边框连续) */
.input-group > .input-group-btn:first-child > .btn{
border-top-right-radius:0 !important;
border-bottom-right-radius:0 !important;
border-right:none !important;
box-shadow:none !important;
background:var(--bg-head) !important;
color:var(--text-2) !important;
font-weight:normal !important;
}
.input-group > .input-group-btn:first-child + .form-control,
.input-group > .input-group-btn:first-child + select.form-control{
border-top-left-radius:0 !important;
border-bottom-left-radius:0 !important;
border-left:1px solid var(--border) !important;
}
/* ================= B2-6 产品信息页 v7 (2026-07-05) ================= */
/* Q: 导出/列选按钮组右缘与表格右缘对齐 (清 bootstrap-table 内置 margin) */
.fixed-table-toolbar > .columns,
.fixed-table-toolbar > .columns-right{
margin-left:0 !important;
margin-right:0 !important;
}
.fixed-table-toolbar > .columns-right .btn:last-child,
.fixed-table-toolbar > .columns .btn:last-child{ margin-right:0 !important; }
/* Y: 操作列 "更多" 下拉菜单皮肤 */
.pp-op-more{ display:inline-block; }
.pp-op-more .dropdown-menu{
min-width:120px;
padding:4px 0;
border-radius:var(--radius-sm);
border-color:var(--border);
box-shadow:0 4px 12px rgba(29,33,41,.12);
}
.pp-op-more .dropdown-menu > li > a{
padding:6px 14px !important;
font-size:12px !important;
color:var(--text-1);
cursor:pointer;
line-height:1.6 !important;
}
.pp-op-more .dropdown-menu > li > a:hover{
background:var(--brand-primary-light) !important;
color:var(--brand-primary) !important;
}
.pp-op-more .layui-btn .caret{ margin-left:4px; }
/* v8 R: 操作列 icon+短文字按钮尺寸收紧 (全展开一步点击, 撤 v7 更多下拉) */
.pp-op-cell .layui-btn{
padding:0 8px !important;
font-size:11.5px !important;
height:24px !important;
line-height:24px !important;
min-width:auto !important;
}
.pp-op-cell .layui-btn .fa{
margin-right:3px;
font-size:12px;
}
/* v9 S: 表头行 & 表格行密度收紧
现象: 表头行 ~40px 高, 与搜索栏 32px 组件不齐; 表格行 padding 8px*2 上下, 视觉松
修法:
- 表头 th 用 padding + line-height 目标 32px
- 表格 td 上下 padding 8->4, 保持左右不变 */
.fixed-table-container thead th .th-inner{
padding:5px 8px !important;
line-height:22px !important;
}
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td{
padding:4px 8px !important;
}
/* ================= B2-13 商品页 v13 W 操作列色彩语义分层 (2026-07-05) ================= */
/* W: 8 键从 4 色乱排 → 3 层节奏 (主编辑 5 键绿实心 / 次读取 2 键淡边 / 辅助 1 键橙)
现象: 查看/复制 layui-btn-normal 蓝实心过重，与主编辑按钮抢焦；入驻商 layui-btn-primary
白底比其它编辑操作弱；启用 layui-btn-normal 蓝底与"改变状态"语义弱
修法:
- 新增 .pp-op-secondary 次级样式 (淡边白底 info 蓝字，读取类专用)
- JS format3: 入驻商 layui-btn-primary→layui-btn, 查看/复制 layui-btn-normal→pp-op-secondary,
启用 layui-btn-normal→layui-btn
作用域: 仅 .pp-op-cell 内 (页级前缀), 不影响其它 layui-btn */
.pp-op-cell .layui-btn.pp-op-secondary{
background:transparent !important;
border:1px solid rgba(43,125,224,.25) !important;
color:var(--info) !important;
}
.pp-op-cell .layui-btn.pp-op-secondary:hover{
background:rgba(43,125,224,.08) !important;
border-color:var(--info) !important;
color:var(--info) !important;
}
.pp-op-cell .layui-btn.pp-op-secondary .fa{
color:var(--info) !important;
}
/* ================= B2-15E 团购管理 v15 E 操作列色彩语义分层 (2026-07-06) ================= */
/* E: release 页 format1 · 10+ 键 5 色乱排 → 3 层节奏
主·编辑绿 (编辑团购/编辑商品/修改配送时间/修改城市/白名单/发布)
次·淡边 (查看/同步复制模板/复制模板×2)
辅助·状态色 (上架 normal 保, 下架 danger 保)
作用域: 仅 .rl-op-cell 内 (页级前缀), 视觉规则复用 v13 W .pp-op-secondary */
.rl-op-cell .layui-btn.rl-op-secondary{
background:transparent !important;
border:1px solid rgba(43,125,224,.25) !important;
color:var(--info) !important;
}
.rl-op-cell .layui-btn.rl-op-secondary:hover{
background:rgba(43,125,224,.08) !important;
border-color:var(--info) !important;
color:var(--info) !important;
}
.rl-op-cell .layui-btn.rl-op-secondary .fa{
color:var(--info) !important;
}
/* ================= B2-15F 团购商品 v15 F 操作列色彩语义分层 (2026-07-06) ================= */
/* F: releaseProduct 页 laytpl tableBar · 14+ 键 5 色乱排 → 3 层节奏
主·编辑绿 (更改库存/编辑商品/上架)
次·淡边 (库存变动记录/价格变动记录/提货日期/取消置顶/刷新缓存/上移/下移)
辅助·状态色 (下架 danger 保 / 置顶 normal 保 / 设置提成 warm 保 / 累计销量 warm 保)
作用域: 仅 .rp-op-cell 内 (laytpl 顶部 wrapper div), 视觉规则复用 v13 W .pp-op-secondary
备注: laytpl 输出 而非