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 {