From 943a5c3b793e91ed201be5bb72f78f2b1c9a31f9 Mon Sep 17 00:00:00 2001 From: hjhan Date: Fri, 28 Aug 2026 09:14:28 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E9=A2=84=E4=BB=98=E9=87=91=E6=A8=A1?= =?UTF-8?q?=E6=9D=BF=E5=8F=AA=E8=AF=BB=E8=AF=B4=E6=98=8E=E5=BC=B1=E5=8C=96?= =?UTF-8?q?=E4=B8=BA=E8=AF=B4=E6=98=8E=E5=9D=97=E3=80=81=E5=B7=A6=E6=A0=8F?= =?UTF-8?q?=E6=94=B6=E7=AA=84=E8=87=B3=2034%=E3=80=81=E5=A4=9A=E9=80=89?= =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=A1=86=E9=99=90=E5=AE=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 规则描述/分类说明等禁用 textarea:灰底边框观感突兀,改为无边框浅底灰字说明块,滚动条细化 - 左栏 40% → 34% - chosen 多选隐藏搜索框 max-width 70px:全局 input 152px 使其换行、控件底部留空行 --- .../Style/Css/margin_template_v2Edit.css | 28 ++++++++++++++++--- 1 file changed, 24 insertions(+), 4 deletions(-) diff --git a/YLErpWeb/wwwroot/Style/Css/margin_template_v2Edit.css b/YLErpWeb/wwwroot/Style/Css/margin_template_v2Edit.css index 5e64bfaf..0be4abd6 100644 --- a/YLErpWeb/wwwroot/Style/Css/margin_template_v2Edit.css +++ b/YLErpWeb/wwwroot/Style/Css/margin_template_v2Edit.css @@ -107,11 +107,11 @@ p { 控件统一 240px 宽、右缘对齐;多选 chosen 初始化取 select 宽度(SetAceDropDown),随之统一。 说明类 textarea 跟随列宽(减去 160px 标签 + 8px 间距 + 4px 余量)*/ .tpl-base { - /*左右两栏约 4:6:左栏基础信息收窄,右侧追保区间表格更宽。 + /*左右两栏约 1:2:左栏基础信息收窄,右侧追保区间表格更宽。 不用 col-md-5/7:form-layout 自带 1rem 外边距,两栏 basis 相加已满 100% 会折行; - 左栏定宽 40%(不缩不放)+ 右栏 .col(flex:1) 吸收剩余宽度,无折行风险*/ - flex: 0 0 40%; - max-width: 40%; + 左栏定宽(不缩不放)+ 右栏 .col(flex:1) 吸收剩余宽度,无折行风险*/ + flex: 0 0 34%; + max-width: 34%; } .tpl-base input.text-box, @@ -123,6 +123,26 @@ p { width: calc(100% - 172px); } +/*只读说明(规则描述/分类说明):禁用输入框的灰底边框观感突兀,弱化为说明文字块; + 保留滚动(规则描述较长),滚动条细化*/ +.tpl-base textarea.text-box:disabled { + background: #f8f8f8; + border: none; + border-radius: 3px; + color: #777; + resize: none; +} + + .tpl-base textarea.text-box:disabled::-webkit-scrollbar { + width: 4px; + } + +/*多选 chosen 的隐藏搜索框:全局 input[type=text] 152px 会把它撑宽到与已选标签挤不下而换行, + 在控件底部留出一截空行;限制宽度使 标签+搜索框 保持单行*/ +.form-layout .chosen-container-multi .chosen-choices li.search-field input { + max-width: 70px; +} + /*区块标题(新模板信息/选择模板规则/参数组N):左色条 + 加粗,与表单正文分层*/ .border > p:first-child { font-weight: bold;