12次就不能再次转动

src/views/DZP1.vue

@@ -7,6 +7,9 @@ const showPopup = ref(false);
 const popupMessage = ref('');
 const totalScore = ref(4000) // 初始分数
 const myLucky = ref()
+// 新增状态
+const spinCount = ref(0)
+const isSpinning = ref(false)
 // 新增变量记录基础分数
 //const baseScore = 4000
 const wheelConfig = ref({
@@ -40,6 +43,14 @@ const customOrder = ref([0, 4, 3, 1, 2, 4, 5, 7, 3, 4, 0])
 let orderIndex = 0;
 
 function startCallback() {
+ // 检查转动条件和次数
+ if (spinCount.value >= 11) { // 从0开始计数，11表示第12次
+        alert('已达最大转动次数！')
+        return
+    }
+    
+    isSpinning.value = true
+    spinCount.value++
     // 重置为初始分数
     //totalScore.value = baseScore
     // 调用抽奖组件的play方法开始游戏
@@ -66,7 +77,10 @@ function endCallback(prize) {
     const result = Number(prize.fonts[0].text)
     console.log(prize.fonts[0].text)
     // 更新总分
-    totalScore.value = totalScore.value + result
+    setTimeout(()=>{
+        totalScore.value = totalScore.value + result
+    },1000);
+    
     // 触发动画
     animateScoreChange()
     // 先清空文字
@@ -201,8 +215,8 @@ onMounted(() => {
 /* 添加艺术字样式 */
 .art-text {
     position: fixed;
-    left: 450px;
-    bottom: 200px;
+    left: 30%;
+    bottom: 20%;
     transform: translateX(-50%);
     font-family: 'Arial Black', sans-serif;
     font-size: 150px;
@@ -260,7 +274,7 @@ onMounted(() => {
 
 /* 转盘底的样式 */
 .wheel-base {
-    background-image: url('wheel-base.png');
+    background-image: url('/public/wheel-base.png');
     position: fixed;
     left: 1065px;
     top: 350px;

src/views/DZP2.vue

@@ -143,7 +143,7 @@ function endCallback(prize) {
 }
 
 .full-background {
-    background-image: url('/public/bg2.jpg');
+    background-image: url('/public/bg2.png');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
@@ -165,9 +165,10 @@ function endCallback(prize) {
 }
 
 .luckyWheel {
+    
     position: fixed;
     z-index: 2000;
-    left: 826px;
+    left: 43%;
     top: 487px;
     pointer-events: auto;
 }
@@ -176,7 +177,7 @@ function endCallback(prize) {
 .wheel-base2 {
     background-image: url('/public/wheel-base2.png');
     position: fixed;
-    left: 750px;
+    left: 39%;
     top: 395px;
     width: 520px;
     height: 600px;
@@ -186,7 +187,7 @@ function endCallback(prize) {
 .pan {
     background-image: url('/public/pan.png');
     position: fixed;
-    left: 822px;
+    left: 50px;
     top: 460px;
     width: 360px;
     height: 360px;