134 lines
5.3 KiB
HTML
134 lines
5.3 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-hy-app-code="aslan">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
|
|
/>
|
|
<title>Recharge Reward</title>
|
|
<link rel="stylesheet" href="../../common/theme.css?v=20260709" />
|
|
<link rel="stylesheet" href="./style.css?v=20260709-api" />
|
|
</head>
|
|
<body>
|
|
<div class="app-viewport" id="appViewport">
|
|
<main class="page" id="page">
|
|
<section
|
|
class="stage"
|
|
aria-label="Recharge Reward activity"
|
|
data-i18n-aria="rechargeReward.pageLabel"
|
|
>
|
|
<img
|
|
class="bg bg-top"
|
|
src="./assets/recharge-activity/bg-top.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-mid bg-mid-a"
|
|
src="./assets/recharge-activity/bg-mid-a.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-mid bg-mid-b"
|
|
src="./assets/recharge-activity/bg-mid-a.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-mid bg-mid-c"
|
|
src="./assets/recharge-activity/bg-mid-a.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-mid bg-mid-d"
|
|
src="./assets/recharge-activity/bg-mid-a.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-mid bg-mid-e"
|
|
src="./assets/recharge-activity/bg-mid-a.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="bg bg-bottom"
|
|
src="./assets/recharge-activity/bg-bottom.png"
|
|
alt=""
|
|
/>
|
|
|
|
<section class="countdown" aria-label="Activity countdown">
|
|
<img
|
|
class="countdown-frame"
|
|
src="./assets/recharge-activity/countdown-frame.png"
|
|
alt=""
|
|
/>
|
|
<strong class="count-number" data-count="days"
|
|
>01</strong
|
|
>
|
|
<strong class="count-number" data-count="hours"
|
|
>01</strong
|
|
>
|
|
<strong class="count-number" data-count="minutes"
|
|
>01</strong
|
|
>
|
|
<strong class="count-number" data-count="seconds"
|
|
>01</strong
|
|
>
|
|
<span
|
|
class="count-label"
|
|
data-i18n="rechargeReward.days"
|
|
>Days</span
|
|
>
|
|
<span
|
|
class="count-label"
|
|
data-i18n="rechargeReward.hours"
|
|
>Hours</span
|
|
>
|
|
<span
|
|
class="count-label"
|
|
data-i18n="rechargeReward.minutes"
|
|
>Minutes</span
|
|
>
|
|
<span
|
|
class="count-label"
|
|
data-i18n="rechargeReward.seconds"
|
|
>Seconds</span
|
|
>
|
|
</section>
|
|
|
|
<section
|
|
class="profile-card"
|
|
aria-label="My recharge status"
|
|
>
|
|
<img
|
|
class="profile-frame"
|
|
src="./assets/recharge-activity/profile-frame.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="profile-avatar"
|
|
src="./assets/recharge-activity/profile-avatar.png"
|
|
alt=""
|
|
data-profile-avatar
|
|
/>
|
|
<h1 class="profile-name" data-profile-name>
|
|
nanfangjian
|
|
</h1>
|
|
<p class="profile-id" data-profile-id>ID: 12345678</p>
|
|
<p class="profile-recharge" data-profile-recharge>
|
|
Accumlated Recharge:5998
|
|
</p>
|
|
</section>
|
|
|
|
<div class="reward-sections" id="rewardSections"></div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
<script>
|
|
document.documentElement.dataset.hyAppCode = 'aslan';
|
|
</script>
|
|
<script src="../../common/i18n.js?v=20260709"></script>
|
|
<script src="../../common/toast.js?v=20260709"></script>
|
|
<script src="../../common_aslan/aslan-common.js?v=20260709"></script>
|
|
<script src="./script.js?v=20260709-api"></script>
|
|
</body>
|
|
</html>
|