diff --git a/src/pages/demo/lottery2.gif b/src/pages/demo/lottery2.gif new file mode 100644 index 0000000..45a01db Binary files /dev/null and b/src/pages/demo/lottery2.gif differ diff --git a/src/pages/demo/lottery2.vue b/src/pages/demo/lottery2.vue index 67f404e..7eca959 100644 --- a/src/pages/demo/lottery2.vue +++ b/src/pages/demo/lottery2.vue @@ -8,12 +8,16 @@ 大转盘抽奖
-
+
奖品{{ index + 1 }}
-
+
开始
抽奖
@@ -40,8 +44,6 @@ const state = reactive({ loading: false, }) -const pointer = ref() - function handleClick() { if (state.loading) return state.loading = true @@ -50,8 +52,6 @@ function handleClick() { console.log(state.lottery) // 最终的旋转角度,指针指向本次奖品的旋转角度+指针从上一次的奖品指向回归0的旋转角度+ 默认转动三圈 state.stopDeg += (state.lottery + (giftLen - state.lastLottery)) * deg + loop * 360 - // 旋转 - pointer.value.style.transform = `rotate(${state.stopDeg}deg)` // uni不支持addEventListener所以改用下面的 setTimeout(() => { @@ -63,14 +63,6 @@ function handleClick() { }) }, 3000) } - -// 旋转动画结束,弹出奖品 -// pointer.value.addEventListener('transitionend', () => { -// alert(`恭喜获得奖品${state.lottery + 1}`) -// // 保留奖品索引 -// state.lastLottery = state.lottery -// state.loading = false -// })