62 lines
2.8 KiB
HTML
62 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/css/signIn.css">
|
|
<script src="./js/vue.global.js"></script>
|
|
<title>Document</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="signInBox" class="signInBox-mask flexcenter">
|
|
<div class="signInBox">
|
|
<div class="signInBox-head">
|
|
<img class="header-halo" src="/img/halo-icon.png">
|
|
<img class="header-bi" src="/img/coin-icon.png">
|
|
<img class="header-cross" src="/img/cross-icon.png">
|
|
</div>
|
|
<div class="signInBox-content">
|
|
<div class="left-box">
|
|
<div class="content-header">
|
|
<div class="content-header-left flexcenter">
|
|
<img class="bi-img" src="/img/coin-icon.png">
|
|
<div class="bi-value">216</div>
|
|
<div class="bi-text">寄托币</div>
|
|
<div class="bi-rule" bindtap="cutRing">签到规则</div>
|
|
</div>
|
|
|
|
<div class="calendar">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="calendar-box flexflex">
|
|
<div class="sign-in-text flexacenter">
|
|
本月已签到 <span class="sign-in-value">{{ signnum }}</span> 天，共领 <span class="sign-in-value">{{ signreward }}</span> 寄托币
|
|
</div>
|
|
<div class="calendar flexflex">
|
|
<!-- formerly: 已经过去没有签到 already: 签到 today: 今天 没有签到的 -->
|
|
<div class="calendar-item flexcenter" v-for="(item, index) in dayOfWeek" :key="index"></div>
|
|
<div class="calendar-item flexcenter {{ calendarClass[item.type] }}" v-for="(item, index) in dateList" :key="index">
|
|
{{ item.name }}
|
|
<img class="yellow-tick" src="https://app.gter.net/image/miniApp/offer/yellow-tick.svg">
|
|
</div>
|
|
</div>
|
|
<div v-if="!islogin" class="sign-in-btn flexcenter" bind:tap="postSign">立即签到</div>
|
|
<div v-else-if="issign == 1" class="sign-in-btn flexcenter already">今天已签到，明天记得来哦~</div>
|
|
<div v-else class="sign-in-btn flexcenter" bind:tap="postSign">立即签到</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="/js/axios.min.js"></script>
|
|
<script src="/js/public.js"></script>
|
|
<script src="/js/signIn.js"></script>
|
|
</body>
|
|
|
|
</html> |