From 4f0204d465f43bc1502f6a2318750891de91503d Mon Sep 17 00:00:00 2001 From: jxxghp Date: Tue, 14 Jul 2026 22:03:07 +0800 Subject: [PATCH] fix: normalize mobile input dividers --- src/styles/common.scss | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/styles/common.scss b/src/styles/common.scss index f1ae4683..f6c97598 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -653,9 +653,14 @@ html[data-theme-radius='extra'] { padding-block: 0; } - // 只在相邻移动录入行之间显示分隔线,避免表单最后一行出现多余底线。 - .v-row > :is(.v-col, [class*='v-col-']) + :is(.v-col, [class*='v-col-']) > .app-responsive-input { - border-block-start: 1px solid rgba(var(--v-theme-on-surface), 0.12); + // 当前输入行后面还有可见输入行时才显示分隔线,避免跨 VRow 断线或最后一行多出底线。 + .v-row > :is(.v-col, [class*='v-col-']):has(> .app-responsive-input):has( + ~ :is(.v-col, [class*='v-col-']):has(> .app-responsive-input) + ) > .app-responsive-input, + .v-row:has( + ~ .v-row:not([style*='display: none']) > :is(.v-col, [class*='v-col-']):has(> .app-responsive-input) + ) > :is(.v-col, [class*='v-col-']):has(> .app-responsive-input) > .app-responsive-input { + border-block-end: 1px solid rgba(var(--v-theme-on-surface), 0.12); } // 桌面也占满 12 格的字段在移动端改为上下两行,避免长输入只挤在右侧。