150 lines
8.7 KiB
HTML
150 lines
8.7 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 flexflex">
|
|
<div class="left-box">
|
|
<div class="content-header flexacenter">
|
|
<img class="bi-img" src="/img/coin-icon.png">
|
|
<div class="bi-value">{{ integral || 0 }}</div>
|
|
<div class="bi-text">寄托币</div>
|
|
<div class="bi-rule" @click="cutRing">签到规则</div>
|
|
<div class="outer-ring" v-if="ruleState">
|
|
<div class="rule-box flexflex">
|
|
<div class="rule-header">签到规则</div>
|
|
<div class="rule-list flexflex">
|
|
<div class="rule-item flexacenter" v-for="(item, index) in tips" :key="index">
|
|
<div class="rule-item-icon flexcenter">
|
|
<img v-if="index == 0" class="rule-item-img" src="https://app.gter.net/image/miniApp/offer/bi.png">
|
|
<img v-else class="rule-item-img" src="https://app.gter.net/image/miniApp/offer/hardworking-icon.png">
|
|
</div>
|
|
<div class="rule-item-text flex1">{{ item }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex1"></div>
|
|
|
|
<div class="rule-close" @click="cutRing">关闭</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="calendar-box flexflex">
|
|
<div class="sign-in-text">
|
|
本月已签到 <span class="sign-in-value">{{ signnum }}</span> 天，共领 <span class="sign-in-value">{{ signreward }}</span> 寄托币<template v-if="signnum < 25">，次月可获寄托勤务兵勋章</template>
|
|
</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 " :class="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" @click="postSign">立即签到</div>
|
|
<div v-else-if="issign == 1" class="sign-in-btn flexcenter already">今天已签到，明天记得来哦~</div>
|
|
<div v-else class="sign-in-btn flexcenter" @click="postSign">立即签到</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sign-in-box flex1 flexflex">
|
|
<div class="sign-in-header flexflex">
|
|
今日已签到
|
|
<div class="sign-in-header-value">{{ todaycount }}</div>人
|
|
</div>
|
|
|
|
<div class="discuss-list-no flexcenter flex1" v-if="showList.length == 0 && !my.avatar">
|
|
<img class="empty-icon" src="https://app.gter.net/image/miniApp/offer/empty-icon.png">
|
|
<div class="discuss-list-no-text">暂无数据</div>
|
|
</div>
|
|
|
|
<div class="sign-in-list">
|
|
<div class="sign-in-item flexflex" v-if="my.avatar">
|
|
<div class="sign-in-index">{{ my.rank }}</div>
|
|
<a :href="`https://f.gter.net/u/${my.uniqid}`" target="_blank">
|
|
<img class="sign-in-avatar" :src="my.avatar">
|
|
</a>
|
|
<div class="sign-in-info flex1 flexacenter">
|
|
<div class="sign-in-info-left flex1">
|
|
<a class="sign-in-name flexacenter" :href="`https://f.gter.net/u/${item.uniqid}`" target="_blank">{{ my.nickname }}
|
|
<div class="sign-in-my flexcenter">我</div>
|
|
</a>
|
|
<div class="sign-in-time">{{ my.timestamp || '' }}</div>
|
|
</div>
|
|
<div class="sign-in-value flexcenter">+{{ my.reward }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="sign-in-item flexflex" v-for="(item, index) in showList" :key="index">
|
|
<div class="sign-in-index">{{ item.rank }}</div>
|
|
<a :href="`https://f.gter.net/u/${item.uniqid}`" target="_blank">
|
|
<img class="sign-in-avatar" :src="item.avatar">
|
|
</a>
|
|
<div class="sign-in-info flex1 flexacenter">
|
|
<div class="sign-in-info-left flex1">
|
|
<a class="sign-in-name flexacenter" :href="`https://f.gter.net/u/${item.uniqid}`" target="_blank">{{ item.nickname }}</a>
|
|
<div class="sign-in-time">{{ item.timestamp || '' }}</div>
|
|
</div>
|
|
<div class="sign-in-value flexcenter">+{{ item.reward }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<template v-if="list.length != 0">
|
|
<div v-if="showList.length == list.length" class="sign-in-finish flexcenter">- End -</div>
|
|
<div v-else class="sign-in-more flexcenter" @click="moreList">
|
|
更多
|
|
<img class="sign-in-more-icon" src="https://app.gter.net/image/miniApp/offer/arrows-circle-black.png">
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 签到成功 -->
|
|
<div class="succeed-mask flexcenter" v-if="succeedState">
|
|
<div class="succeed-box flexcenter flexcolumn">
|
|
<div class="succeed-icon flexflex">
|
|
<img class="succeed-icon-bj" src="https://app.gter.net/image/miniApp/offer/halo-icon.png">
|
|
<div class="succeed-icon-header-dot succeed-icon-header-dot-left"></div>
|
|
<div class="succeed-icon-header-dot succeed-icon-header-dot-right"></div>
|
|
<div class="succeed-icon-header"></div>
|
|
<div class="succeed-icon-dot flexflex">
|
|
<div class="succeed-icon-dot-item" v-for="index in 8" :key="index"></div>
|
|
</div>
|
|
<div class="yellow-tick-box flexcenter">
|
|
<img class="yellow-tick-circle" src="https://app.gter.net/image/miniApp/offer/circle-yellow.svg">
|
|
<img class="yellow-tick-faint-yellow" src="https://app.gter.net/image/miniApp/offer/tick-faint-yellow.svg">
|
|
</div>
|
|
</div>
|
|
<div class="succeed-award-list flexcolumn flexacenter">
|
|
<div class="succeed-award-item flexacenter" v-if="reward != 0">
|
|
<div class="succeed-award-name">随机奖励</div>
|
|
<div class="succeed-award-value flexcenter">+{{ reward }}</div>
|
|
</div>
|
|
<div class="succeed-award-item flexacenter" v-if="extra_reward != 0">
|
|
<div class="succeed-award-name">额外奖励</div>
|
|
<div class="succeed-award-value flexcenter">+{{ extra_reward }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/js/signIn.js"></script>
|
|
</body>
|
|
|
|
</html> |