修改

public/drawCarousel.html

@@ -7,6 +7,9 @@
   <title>转盘抽奖</title>
   <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css" />
   <style>
+    .el-overlay {
+      background-color:rgba(0, 0, 0, 0.8);
+    }
 ::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -68,13 +71,13 @@
       align-items: center;
       font-size: 14px;
       font-weight: 600;
-      left: 10%;
+      left: 8%;
       top: 22%;
     }
     .recordBtn {
         cursor: pointer;
         position: absolute;
-        right: 10%;
+        right: 8%;
         top: 20%;
     }
 
@@ -213,8 +216,6 @@
       </div>
     </div>
   </el-dialog>
-  </div>
-
   <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
   <script src="https://unpkg.com/element-plus"></script>
   <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.0/jquery.js"></script>
@@ -494,17 +495,31 @@
             transform: rotate(${totalRunAngle.value - state.baseRunAngle}deg);
           `
           if(state.prizeList[state.prizeId].prizeType!='40'){
-            ElementPlus.ElMessage({
-              showClose: true,
-              message: "恭喜抽中了" + state.prizeList[state.prizeId].prizeName + "," + "请到个人中心查看。",
-              type: 'success',
+            ElementPlus.ElMessageBox.alert("恭喜，您中了" + state.prizeList[state.prizeId].prizeName + "," + "可在“个人中心”我的礼品券中查看，在礼品兑换中兑换相应物品。", {
+              showClose:false,
+              center:true,
+              confirmButtonText: '确定',
             })
+            // ElementPlus.ElMessage({
+            //   offset:window.screen.height / 2,
+            //   duration:3000,
+            //   showClose: true,
+            //   message: "恭喜，您中了" + state.prizeList[state.prizeId].prizeName + "," + "可在“个人中心”我的礼品券中查看，在礼品兑换中兑换响应物品。",
+            //   type: 'success',
+            // })
           }else{
-            ElementPlus.ElMessage({
-              showClose: true,
-              message: "很遗憾未中奖！",
-              type: 'error',
+            ElementPlus.ElMessageBox.alert("很遗憾，您未中奖。", {
+              showClose:false,
+              center:true,
+              confirmButtonText: '确认',
             })
+            // ElementPlus.ElMessage({
+            //   offset:window.screen.height / 4,
+            //   duration:10000,
+            //   showClose: true,
+            //   message: "很遗憾，您未中奖。",
+            //   type: 'error',
+            // })
           }
         }