admin/hyapp-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

房间奖励滑动

Browse Source
This commit is contained in:
zhx 2026-06-08 19:22:44 +08:00
parent 2d84b43109
commit e8c184641b
3 changed files with 37 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
activity/room-reward/index.html
View File

@ -8,7 +8,7 @@
/> />
<title>Room Reward Event</title> <title>Room Reward Event</title>
<link rel="stylesheet" href="../../common/theme.css?v=20260606c" /> <link rel="stylesheet" href="../../common/theme.css?v=20260606c" />
<link rel="stylesheet" href="./style.css?v=20260606c" /> <link rel="stylesheet" href="./style.css?v=20260608a" />
</head> </head>
<body> <body>
<div class="app-viewport" id="appViewport"> <div class="app-viewport" id="appViewport">
@ -83,6 +83,9 @@
<div class="table-row-bg row-light"></div> <div class="table-row-bg row-light"></div>
<div class="table-row-bg row-dark"></div> <div class="table-row-bg row-dark"></div>
<div class="table-row-bg row-light"></div> <div class="table-row-bg row-light"></div>
<div class="table-row-bg row-dark"></div>
<div class="table-row-bg row-light"></div>
<div class="table-row-bg row-dark"></div>
</div> </div>
<img <img
class="table-border table-border-side" class="table-border table-border-side"
@ -169,6 +172,6 @@
</script> </script>
<script src="../../common/i18n.js?v=20260606c"></script> <script src="../../common/i18n.js?v=20260606c"></script>
<script src="../../common/api.js?v=20260606c"></script> <script src="../../common/api.js?v=20260606c"></script>
<script src="./script.js?v=20260606c"></script> <script src="./script.js?v=20260608a"></script>
</body> </body>
</html> </html>

25
activity/room-reward/script.js
View File

@ -15,13 +15,16 @@
canClaimWeeklyReward: false, canClaimWeeklyReward: false,
}, },
tiers: [ tiers: [
{ turnover: '7M', reward: '350k' }, { turnover: '1M', reward: '100000' },
{ turnover: '7M', reward: '350k' }, { turnover: '2.5M', reward: '250000' },
{ turnover: '7M', reward: '350k' }, { turnover: '5M', reward: '500000' },
{ turnover: '7M', reward: '350k' }, { turnover: '10M', reward: '1000000' },
{ turnover: '7M', reward: '350k' }, { turnover: '20M', reward: '2000000' },
{ turnover: '7M', reward: '350k' }, { turnover: '30M', reward: '3000000' },
{ turnover: '7M', reward: '350k' }, { turnover: '50M', reward: '5000000' },
{ turnover: '80M', reward: '8000000' },
{ turnover: '120M', reward: '12000000' },
{ turnover: '160M', reward: '16000000' },
], ],
}; };
@ -146,6 +149,12 @@
return String(Math.floor(number)); return String(Math.floor(number));
} }
function plainWholeNumber(value) {
var number = Number(value || 0);
if (!Number.isFinite(number)) return '0';
return String(Math.floor(number));
}
function trimFixed(value) { function trimFixed(value) {
var fixed = value >= 10 ? value.toFixed(0) : value.toFixed(1); var fixed = value >= 10 ? value.toFixed(0) : value.toFixed(1);
return fixed.replace(/\.0$/, ''); return fixed.replace(/\.0$/, '');
@ -211,7 +220,7 @@
'threshold_coin_spent' 'threshold_coin_spent'
) )
), ),
reward: compactNumber( reward: plainWholeNumber(
valueFrom(tier, 'rewardCoinAmount', 'reward_coin_amount') valueFrom(tier, 'rewardCoinAmount', 'reward_coin_amount')
), ),
}; };

23
activity/room-reward/style.css
View File

@ -58,7 +58,7 @@ button {
.stage-wrap { .stage-wrap {
position: relative; position: relative;
width: 375px; width: 375px;
height: 830px; height: 852px;
overflow: visible; overflow: visible;
} }
@ -67,7 +67,7 @@ button {
left: 0; left: 0;
top: 0; top: 0;
width: 1080px; width: 1080px;
height: 2388px; height: 2454px;
overflow: hidden; overflow: hidden;
transform: scale(var(--design-scale)); transform: scale(var(--design-scale));
transform-origin: top left; transform-origin: top left;
@ -191,7 +191,7 @@ button {
left: 36px; left: 36px;
top: 1241px; top: 1241px;
width: 1008px; width: 1008px;
height: 811px; height: 1163px;
} }
.table-fill { .table-fill {
@ -199,8 +199,15 @@ button {
left: 20px; left: 20px;
top: 15px; top: 15px;
width: 968px; width: 968px;
height: 824px; height: 1133px;
overflow: hidden; overflow: hidden;
background: repeating-linear-gradient(
to bottom,
#190901 0,
#190901 103px,
#290e00 103px,
#290e00 206px
);
} }
.table-row-bg { .table-row-bg {
@ -226,7 +233,7 @@ button {
left: 0; left: 0;
top: 0; top: 0;
width: 1008px; width: 1008px;
height: 811px; height: 1163px;
} }
.table-border-top { .table-border-top {
@ -238,7 +245,7 @@ button {
.table-border-bottom { .table-border-bottom {
left: 0; left: 0;
top: 736px; top: 1045px;
width: 1008px; width: 1008px;
height: 119px; height: 119px;
} }
@ -248,7 +255,7 @@ button {
left: 503px; left: 503px;
top: 15px; top: 15px;
width: 2px; width: 2px;
height: 827px; height: 1133px;
background: rgba(255, 255, 255, 0.92); background: rgba(255, 255, 255, 0.92);
pointer-events: none; pointer-events: none;
} }
@ -258,7 +265,7 @@ button {
left: 20px; left: 20px;
top: 15px; top: 15px;
width: 968px; width: 968px;
height: 824px; height: 1133px;
} }
.tier-row { .tier-row {