usa
@ -0,0 +1,58 @@
|
|||||||
|
import http from './interface'
|
||||||
|
|
||||||
|
// 1.1 礼包详情
|
||||||
|
export const getList = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/gift/active/series/info',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 藏品列表
|
||||||
|
export const getCollectionList = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/gift/active/collections/list',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 领取
|
||||||
|
export const receive = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/gift/active/draw',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 详情
|
||||||
|
export const collectionsInfo = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/gift/active/collections/detail',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 我的藏品列表
|
||||||
|
export const getMyCollectionList = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/gift/active/my/collections/list',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 获取系列的助记词
|
||||||
|
export const getSeriesMnemonic = (data) => {
|
||||||
|
return http.request({
|
||||||
|
url: '/mall/gift/active/scan/by/pwd',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export default {
|
||||||
|
getList,
|
||||||
|
getCollectionList,
|
||||||
|
receive,
|
||||||
|
collectionsInfo,
|
||||||
|
getMyCollectionList,
|
||||||
|
getSeriesMnemonic
|
||||||
|
}
|
@ -1,46 +1,131 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view class="main-box">
|
||||||
<!-- <image src="../../static/image/start/logo.png" mode="" class="logo"></image> -->
|
<view class="loading-box">
|
||||||
<!-- <image src="../../static/image/start/welcome.png" mode="" class="welcome"></image> -->
|
<view class="loader"></view>
|
||||||
<!-- <image src="../../static/image/start/bt-bg.png" mode="" class="btBg"></image> -->
|
<view class="word">{{ $t("start.title") }}</view>
|
||||||
<!-- <view class="btn" @click="goHome">
|
</view>
|
||||||
点击进入
|
|
||||||
</view> -->
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
seriesUuid: "",
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/* goHome() {
|
// 获取礼包详情
|
||||||
console.log(1111);
|
async getGiftDetail() {
|
||||||
uni.switchTab({
|
let data = {
|
||||||
url: '/pages/index/index'
|
seriesUuid: this.seriesUuid,
|
||||||
})
|
};
|
||||||
} */
|
let res = await this.$api.usa.getList(data);
|
||||||
},
|
if (res.status === 0) {
|
||||||
onShow() {
|
let seriesData = res.data;
|
||||||
setTimeout(() => {
|
uni.setStorageSync("seriesData", seriesData);
|
||||||
uni.switchTab({
|
this.getCollectionList();
|
||||||
url: '/pages/index/index'
|
} else {
|
||||||
})
|
uni.removeStorageSync("seriesData");
|
||||||
},1000)
|
uni.$u.toast(res.msg);
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
// 获取藏品列表
|
||||||
|
async getCollectionList() {
|
||||||
|
let data = {
|
||||||
|
seriesUID: this.seriesUuid,
|
||||||
|
};
|
||||||
|
let res = await this.$api.usa.getCollectionList(data);
|
||||||
|
if (res.status === 0) {
|
||||||
|
let collectionList = res.data.data;
|
||||||
|
uni.setStorageSync("collectionList", collectionList);
|
||||||
|
uni.redirectTo({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
uni.removeStorageSync("collectionList");
|
||||||
|
uni.$u.toast(res.msg);
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad(item) {
|
||||||
|
console.log(navigator.language, 2222);
|
||||||
|
console.log(item);
|
||||||
|
this.seriesUuid = item.seriesUuid;
|
||||||
|
setTimeout(async () => {
|
||||||
|
// uni.switchTab({
|
||||||
|
// url: "/pages/index/index",
|
||||||
|
// });
|
||||||
|
// 获取礼包详情
|
||||||
|
await this.getGiftDetail();
|
||||||
|
}, 2000);
|
||||||
|
},
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
page{
|
page {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background:url('../../static/image/start/new_bg.png') no-repeat center center fixed;
|
background: url("../../static/image/start/new_bg.png") no-repeat center center
|
||||||
|
fixed;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
/* HTML: <div class="loader"></div> */
|
||||||
|
.loader {
|
||||||
|
width: 50px;
|
||||||
|
aspect-ratio: 1;
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
.loader::before,
|
||||||
|
.loader::after {
|
||||||
|
content: "";
|
||||||
|
grid-area: 1/1;
|
||||||
|
--c: no-repeat radial-gradient(farthest-side, #25b09b 92%, #0000);
|
||||||
|
background: var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 50%,
|
||||||
|
var(--c) 0 50%;
|
||||||
|
background-size: 12px 12px;
|
||||||
|
animation: l12 1s infinite;
|
||||||
|
}
|
||||||
|
.loader::before {
|
||||||
|
margin: 4px;
|
||||||
|
filter: hue-rotate(45deg);
|
||||||
|
background-size: 8px 8px;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes l12 {
|
||||||
|
100% {
|
||||||
|
transform: rotate(0.5turn);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes l27 {
|
||||||
|
100% {
|
||||||
|
transform: rotate(1turn);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.main-box {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.loading-box {
|
||||||
|
// 上下左右居中
|
||||||
|
background-color: #fff;
|
||||||
|
width: 234px;
|
||||||
|
height: 234px;
|
||||||
|
border-radius: 8px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.word {
|
||||||
|
margin-top: 27px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #000000;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
After Width: | Height: | Size: 166 KiB |
After Width: | Height: | Size: 7.0 KiB |
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 1.5 MiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 2.8 KiB |