72 lines
1.7 KiB
Vue
72 lines
1.7 KiB
Vue
<template>
|
|
<div>
|
|
<h3>流量补给</h3>
|
|
|
|
<div>
|
|
<p>当前流量: {{ traffic.traffic }}GB</p>
|
|
<div v-if="traffic.is_signed">今日已签到</div>
|
|
<div v-else>
|
|
<button class="btn btn-primary" @click="sign">试试手气</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from "vue";
|
|
|
|
import http from "../plugins/http";
|
|
|
|
const traffic = ref({
|
|
last_sign_at: null,
|
|
traffic: 0,
|
|
});
|
|
|
|
http.get("user")
|
|
.then((res) => {
|
|
traffic.value.traffic = res.data.traffic;
|
|
})
|
|
|
|
function sign() {
|
|
http.post("traffic")
|
|
.then((res) => {
|
|
traffic.value = res.data;
|
|
|
|
let content = `获得了 ${res.data.traffic} GB 流量！`;
|
|
|
|
if (res.data.traffic === 0) {
|
|
content = "没有获得流量～";
|
|
}
|
|
|
|
alert(content);
|
|
})
|
|
.finally(() => {
|
|
http.get("user")
|
|
.then((res) => {
|
|
traffic.value.traffic = res.data.traffic;
|
|
})
|
|
.finally(() => {
|
|
// refreshSign()
|
|
});
|
|
});
|
|
}
|
|
|
|
// function refreshSign() {
|
|
// const date = new Date(traffic.value.last_sign_at)
|
|
//
|
|
//
|
|
// if (traffic.value.last_sign_at) {
|
|
// date.setDate(date.getDate() + 1)
|
|
// // nextSignAt.value = date.toLocaleString()
|
|
// // 算出差多少小时
|
|
// const diff = date.getTime() - new Date().getTime()
|
|
// const hours = Math.floor(diff / 1000 / 60 / 60)
|
|
// const minutes = Math.floor(diff / 1000 / 60 % 60)
|
|
// nextSignAt.value = `${hours} 小时 ${minutes} 分钟`
|
|
//
|
|
// } else {
|
|
// nextSignAt.value = null
|
|
// }
|
|
// }
|
|
</script>
|