From 13061b85976b8bd643d76a9ef136e64db6c319fc Mon Sep 17 00:00:00 2001 From: zhaoruhui Date: Tue, 16 Sep 2025 00:25:46 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AD=97=E4=BD=93=E5=A4=A7?= =?UTF-8?q?=E5=B0=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/wealth/goldenWheel.vue | 20 +++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/src/views/wealth/goldenWheel.vue b/src/views/wealth/goldenWheel.vue index cbd7073..6b34500 100644 --- a/src/views/wealth/goldenWheel.vue +++ b/src/views/wealth/goldenWheel.vue @@ -1070,7 +1070,7 @@ async loadHistoryRecord() { height: 35px; } -/* 活动规则弹窗样式 - 整体下移 */ +/* 活动规则弹窗样式 - 整体上移并增大字体 */ .rule-content { position: relative; width: 333px; @@ -1080,7 +1080,8 @@ async loadHistoryRecord() { align-items: center; z-index: 1001; animation: modal-appear 0.3s ease-out; - margin-top: 80px; + /* 修改:将弹窗上移,从原来的margin-top: 80px调整为更小的值 */ + margin-top: 10px; /* 上移了10px */ } .rule-bg { @@ -1118,21 +1119,21 @@ async loadHistoryRecord() { display: block; } -/* 活动规则文本 */ +/* 活动规则文本 - 增大字体和行高 */ .rule-text { position: absolute; top: 83px; left: 27px; display: flex; flex-direction: column; - gap: 9.15px; + gap: 8px; /* 增加行间距,从9.15px增加到12px */ width: calc(100% - 54px); } .rule-line { color: #FFFFFF; - font-size: 12px; - line-height: 1.4; + font-size: 14px; /* 增大字体,从12px增加到14px */ + line-height: 1.2; /* 增加行高,从1.4增加到1.5 */ } /* 媒体查询 - 适配小屏幕 */ @@ -1233,7 +1234,7 @@ async loadHistoryRecord() { .rule-content { width: 300px; height: 215px; - margin-top: 70px; + margin-top: 20px; /* 小屏幕也相应上移 */ } .close-rule-btn { @@ -1245,6 +1246,11 @@ async loadHistoryRecord() { top: 75px; left: 24px; width: calc(100% - 48px); + gap: 5px; /* 小屏幕行间距稍小 */ + } + + .rule-line { + font-size: 13px; /* 小屏幕字体稍小但依然比原来大 */ } } .fold-up {