diff --git a/packages/skin/ui/ui.css b/packages/skin/ui/ui.css index 17a4ae7..85867fc 100644 --- a/packages/skin/ui/ui.css +++ b/packages/skin/ui/ui.css @@ -5069,6 +5069,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); } left: 0; display: flex; gap: var(--ua-space-1); + min-width: 132px; /* 与触发器最小宽度对齐:两列各占一半,不出现一宽一窄 */ padding: var(--ua-space-1); border: 1px solid var(--ua-color-border); border-radius: var(--ua-radius-md); @@ -5102,6 +5103,8 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); } border: none; border-radius: var(--ua-radius-sm); padding: var(--ua-space-1) var(--ua-space-3); + min-width: 44px; /* 单格最小宽度:两位数字对齐,纵向扫读不歪 */ + text-align: center; background: none; color: var(--ua-color-text); font-size: var(--ua-font-size-md); @@ -5174,3 +5177,9 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); } padding-right: var(--ua-space-6); /* 给 × 让出位置:文案不会被压在按钮下面 */ } +/* ---- 时间选择:两列之间的分开线(避免时分连成一片看错) ---- */ +.ua-timepicker-col + .ua-timepicker-col { + margin-left: var(--ua-space-05); + padding-left: var(--ua-space-1); + border-left: 1px solid var(--ua-border-subtle); /* 时分分界:一条 1px 细线,比留白更能说明这是两列 */ +}