|
|
@ -34,7 +34,7 @@ |
|
|
<img class="notice-img" src="/src/assets/img/liveEvent/notice.png" alt="Notice" /> |
|
|
<img class="notice-img" src="/src/assets/img/liveEvent/notice.png" alt="Notice" /> |
|
|
<div class="show-container"> |
|
|
<div class="show-container"> |
|
|
<img class="show-bg" src="/src/assets/img/liveEvent/show.png" alt="Show Background" /> |
|
|
<img class="show-bg" src="/src/assets/img/liveEvent/show.png" alt="Show Background" /> |
|
|
<div class="prize-number">-1880</div> |
|
|
|
|
|
|
|
|
<div class="prize-number">-1930</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -47,7 +47,7 @@ import { ref, nextTick, onMounted } from 'vue' |
|
|
/* -------------------- 核心常量 -------------------- */ |
|
|
/* -------------------- 核心常量 -------------------- */ |
|
|
const SEGMENT = 360 / 7 // 每个分区角度 ≈51.43° |
|
|
const SEGMENT = 360 / 7 // 每个分区角度 ≈51.43° |
|
|
const PRIZE_ANGLES = { |
|
|
const PRIZE_ANGLES = { |
|
|
'-1980': 0, // 12 点 |
|
|
|
|
|
|
|
|
'-1930': 0, // 12 点 |
|
|
'-1880': SEGMENT * 6, // 51.43° |
|
|
'-1880': SEGMENT * 6, // 51.43° |
|
|
'-1580': SEGMENT * 5, // 102.86° |
|
|
'-1580': SEGMENT * 5, // 102.86° |
|
|
'-1280': SEGMENT * 4, // 154.29° |
|
|
'-1280': SEGMENT * 4, // 154.29° |
|
|
@ -55,7 +55,7 @@ const PRIZE_ANGLES = { |
|
|
'-888': SEGMENT * 2, // 257.14° |
|
|
'-888': SEGMENT * 2, // 257.14° |
|
|
'-88': SEGMENT // 308.57° |
|
|
'-88': SEGMENT // 308.57° |
|
|
} |
|
|
} |
|
|
const TARGET_ANGLE = PRIZE_ANGLES['-1880'] // 目标角度：-1880对应的角度 |
|
|
|
|
|
|
|
|
const TARGET_ANGLE = PRIZE_ANGLES['-1980'] // 目标角度：-1880对应的角度 |
|
|
const SHOW_DELAY = 500 // 刹车后多久出弹窗 |
|
|
const SHOW_DELAY = 500 // 刹车后多久出弹窗 |
|
|
const SPIN_SPEED = 0.288 // 度/毫秒（对应 CSS 动画 360°/1250ms） |
|
|
const SPIN_SPEED = 0.288 // 度/毫秒（对应 CSS 动画 360°/1250ms） |
|
|
|
|
|
|
|
|
|
zhaoruhui