198 lines
1.3 MiB
Vue
198 lines
1.3 MiB
Vue
|
<template>
|
||
|
|
<view class="turntable_warp">
|
||
|
|
<view class="turntable_header_warp">
|
||
|
|
<view class="header_title_warp">
|
||
|
|
<up-image src="/static/common/left_b.png" width="22" height="22" bgColor="#f1f6ff00" @click="jumpMine"></up-image>
|
||
|
|
<view class="title_">幸运转盘百亿补贴</view>
|
||
|
|
</view>
|
||
|
|
<view class="turntable_content_warp">
|
||
|
|
<view class="frequency_warp">
|
||
|
|
<view class="turntable_wp sol-class">
|
||
|
|
<image
|
||
|
|
src="/uni_modules/q-turntable/static/s-dial_bg.png"
|
||
|
|
:style="'-webkit-transform:rotate(' + deg + 'deg) translateZ(0);transform:rotate(' + deg + 'deg) translateZ(0)'"
|
||
|
|
></image>
|
||
|
|
<view class="turntable_pointer" @click="start">
|
||
|
|
<image src="/uni_modules/q-turntable/static/s-dial_pointer.png"></image>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<!-- <view><q-turntable ref="turntable" @start="turntableStart" @success="turntableSuccess"></q-turntable></view> -->
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
deg: 0,
|
||
|
|
singleAngle: '',
|
||
|
|
// 每片扇形的角度
|
||
|
|
isStart: false,
|
||
|
|
areaNumber:6,
|
||
|
|
speed:16,
|
||
|
|
award: 1,
|
||
|
|
awardList: [
|
||
|
|
{
|
||
|
|
title: '特等奖'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '一等奖'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '二等奖'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '三等奖'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '四等奖'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '啥也没有'
|
||
|
|
}
|
||
|
|
] // 顺时针对应每个奖项
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
jumpMine(){
|
||
|
|
uni.switchTab({
|
||
|
|
url: '/pages/mine/mine',
|
||
|
|
})
|
||
|
|
},
|
||
|
|
init() {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
// 点击开始抽奖
|
||
|
|
start() {
|
||
|
|
let { areaNumber } = this;
|
||
|
|
console.log("areaNumber",areaNumber);
|
||
|
|
const singleAngle = 360 / areaNumber;
|
||
|
|
console.log("singleAngle",singleAngle);
|
||
|
|
this.singleAngle = singleAngle;
|
||
|
|
let index = Math.floor(Math.random() * 6 + 1) //前端随机数，这里应该后台返回中奖结果
|
||
|
|
this.award = index
|
||
|
|
console.log("index",index);
|
||
|
|
this.begin(index);
|
||
|
|
},
|
||
|
|
|
||
|
|
begin(awardNumer) {
|
||
|
|
var deg = this.deg;
|
||
|
|
var singleAngle = this.singleAngle;
|
||
|
|
var speed = this.speed;
|
||
|
|
var isStart = this.isStart;
|
||
|
|
if (isStart) return;
|
||
|
|
this.isStart = true;
|
||
|
|
let endAddAngle = 0;
|
||
|
|
console.log("awardNumer",awardNumer);
|
||
|
|
console.log("singleAngle",singleAngle);
|
||
|
|
endAddAngle = 360 - ((awardNumer - 1) * singleAngle + singleAngle / 2); // 中奖角度
|
||
|
|
|
||
|
|
const rangeAngle = (Math.floor(Math.random() * 4) + 4) * 360; // 随机旋转几圈再停止
|
||
|
|
|
||
|
|
console.log(endAddAngle);
|
||
|
|
|
||
|
|
let cAngle;
|
||
|
|
deg = 0;
|
||
|
|
this.timer = setInterval(() => {
|
||
|
|
if (deg < rangeAngle) {
|
||
|
|
deg += speed;
|
||
|
|
} else {
|
||
|
|
cAngle = (endAddAngle + rangeAngle - deg) / speed;
|
||
|
|
cAngle = cAngle > speed ? speed : cAngle < 1 ? 1 : cAngle;
|
||
|
|
deg += cAngle;
|
||
|
|
|
||
|
|
if (deg >= endAddAngle + rangeAngle) {
|
||
|
|
deg = endAddAngle + rangeAngle;
|
||
|
|
this.isStart = false;
|
||
|
|
clearInterval(this.timer);
|
||
|
|
this.turntableSuccess();
|
||
|
|
// this.$emit('success');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
this.deg = deg;
|
||
|
|
}, 1000 / 60);
|
||
|
|
},
|
||
|
|
// 用户点击开始抽奖
|
||
|
|
// turntableStart() {
|
||
|
|
// let index = Math.floor(Math.random() * 6 + 1) //前端随机数，这里应该后台返回中奖结果
|
||
|
|
// this.award = index
|
||
|
|
// this.$refs.turntable.begin(this.award);
|
||
|
|
// },
|
||
|
|
|
||
|
|
// 抽奖完成后操作
|
||
|
|
turntableSuccess() {
|
||
|
|
const index = this.award - 1;
|
||
|
|
console.log('bind:success', this.awardList[index]);
|
||
|
|
uni.showToast({
|
||
|
|
title: `恭喜你获得${this.awardList[index].title}`,
|
||
|
|
icon: 'none'
|
||
|
|
});
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.turntable_warp{
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
.turntable_header_warp{
|
||
|
|
height: 1200rpx;
|
||
|
|
background-image: url("data:image/png;base64,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
|
||
|
|
background-size: 100% 100%;
|
||
|
|
background-position: center; /* 将图片居中显示 */
|
||
|
|
padding: 88rpx 0rpx 0;
|
||
|
|
.header_title_warp{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
padding: 0 30rpx;
|
||
|
|
.title_{
|
||
|
|
font-weight: 800;
|
||
|
|
font-size: 67rpx;
|
||
|
|
color: #FBFAFA;
|
||
|
|
line-height: 120rpx;
|
||
|
|
text-shadow: 0rpx 10rpx 1rpx rgba(190,10,1,0.45);
|
||
|
|
background: linear-gradient(0deg, #FBFAFA 0%, #FFE5D4 100%);
|
||
|
|
-webkit-background-clip: text;
|
||
|
|
margin-left: 32rpx;
|
||
|
|
letter-spacing: 2px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.turntable_content_warp{
|
||
|
|
.frequency_warp{
|
||
|
|
margin-top: 224rpx;
|
||
|
|
background-image: url("data:image/png;base64,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
|
||
|
|
background-size: 100% 100%;
|
||
|
|
background-position: center; /* 将图片居中显示 */
|
||
|
|
width: 100%;
|
||
|
|
height: 820rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.turntable_wp {
|
||
|
|
width: 610rpx;
|
||
|
|
height: 610rpx;
|
||
|
|
position: relative;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.turntable_wp image {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.turntable_wp .turntable_pointer {
|
||
|
|
position: absolute;
|
||
|
|
width: 224rpx;
|
||
|
|
height: 224rpx;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
margin: -125rpx 0 0 -112rpx;
|
||
|
|
}
|
||
|
|
</style>
|