fix(pay): 渠道名称禁折行,消除三字渠道名的零余量换行
实测(bootstrap+main 真实加载组合):芯片文本行可用宽度 46px 对 三字渠道名「支付宝」(雅黑 14px×3=42px)近乎零余量,站点字体渲染 的细微差异(字距/亚像素舍入)即触发 CJK 逐字换行,参考主题实测为 恒单行。 - .payment-method-radio > div 增加 white-space:nowrap,锁定与参考 主题同等的单行表现(渠道名集合均为 2-3 字短名,无溢出风险) - main.min.css 重建,契约测试锁定(323 项全部通过)
This commit is contained in:
@@ -5708,6 +5708,13 @@ body:has(.modal.in) .float-btn,
|
|||||||
flex: none;
|
flex: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 渠道名称禁折行:芯片文本行可用宽度对三字渠道名(如「支付宝」42px
|
||||||
|
对 46px)近乎零余量,站点字体渲染的细微差异(雅黑字距/亚像素舍入)
|
||||||
|
即触发 CJK 逐字换行;参考主题实测为恒单行,此处锁定同等表现。 */
|
||||||
|
.payment-method-radio > div {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
.payment-method-radio + .payment-method-radio {
|
.payment-method-radio + .payment-method-radio {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|||||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -220,3 +220,7 @@ test('多渠道防挤压:图标 flex:none + 行不换行项目收缩成芯片
|
|||||||
assert.match(payVipJs, /node\("div", "flex mb10"\)/);
|
assert.match(payVipJs, /node\("div", "flex mb10"\)/);
|
||||||
assert.doesNotMatch(payVipJs, /"flex hh mb10"/);
|
assert.doesNotMatch(payVipJs, /"flex hh mb10"/);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
test('渠道名称禁折行(三字渠道名对芯片宽度零余量,站点字体差异即触发换行)', () => {
|
||||||
|
assert.match(mainCss, /\.payment-method-radio > div \{[^}]*white-space:\s*nowrap;/s);
|
||||||
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user