完成抽奖页面，结果页面事件逻辑，待给到设计稿更新页面

src/components/Rule.vue

@@ -1,21 +1,21 @@
-<template>
-    <div class="RulePage">
-        规则页面
-    </div>
-</template>  
-    
 <script setup>
 import { debounceTap } from '@/plugins'
 
 // 页面配置初始化
 const emit = defineEmits(["RulePage"]);
 
-
 </script>
 
+<template>
+    <div class="RulePage">
+        规则页面
+    </div>
+</template>  
+
 <style lang="scss" scoped>
 .RulePage {
     @include fixed();
-    background-color: azure;
+    @include flexCen();
+    background-color: rgba($color: #000000, $alpha: 0.7);
 }
 </style>