From 689cd61009269af03c2c1638d358a9b849d308cc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=8B=E6=96=87=E6=98=8A?= Date: Mon, 6 Jul 2026 15:58:37 +0800 Subject: [PATCH] =?UTF-8?q?style(oa/remind):=20=E4=BC=98=E5=8C=96=E6=8F=90?= =?UTF-8?q?=E9=86=92=E9=A1=B5=E9=9D=A2=E5=8D=A1=E7=89=87=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 调整卡片内边距、布局结构,重构左侧图标区域和右侧文字区域的样式,统一视觉风格并优化排版 --- ruoyi-ui/src/views/oa/remind/index.vue | 46 ++++++++++++++++++-------- 1 file changed, 32 insertions(+), 14 deletions(-) diff --git a/ruoyi-ui/src/views/oa/remind/index.vue b/ruoyi-ui/src/views/oa/remind/index.vue index bac9ca6..4b10958 100644 --- a/ruoyi-ui/src/views/oa/remind/index.vue +++ b/ruoyi-ui/src/views/oa/remind/index.vue @@ -336,38 +336,56 @@ export default { .grid-content { display: flex; + align-items: center; border-radius: 8px; min-height: 36px; color: #f5f5f5; - padding: 12px; + padding: 16px 18px; + gap: 14px; } .info-left { - height: 100px; - width: 100px; - font-size: 88px; - text-align: center + display: flex; + align-items: center; + justify-content: center; + width: 52px; + height: 52px; + font-size: 30px; + border-radius: 10px; + background: rgba(255, 255, 255, 0.2); + flex-shrink: 0; + text-align: center; } .info-right { - margin-left: 15px; + flex: 1; + min-width: 0; } .info-right h4 { - font-size: 18px; - color: #f5f5f5; - margin: 12px 0 10px 0; + font-size: 13px; + color: rgba(255, 255, 255, 0.85); + margin: 0 0 4px 0; + font-weight: 500; + white-space: nowrap; } .info-right .conter { - font-size: 45px; - color: #ffffff + font-size: 28px; + font-weight: 700; + color: #ffffff; + line-height: 1.1; + white-space: nowrap; } .info-right .conter span { - font-size: 16px; - margin-top: 24px; - color: #f5f5f5 + font-size: 13px; + font-weight: 400; + float: none; + margin-left: 2px; + margin-top: 0; + color: rgba(255, 255, 255, 0.7); + vertical-align: baseline; } .bg01 {