新增海报生成页、H5端流程大致走通，差抽奖验证的逻辑，以及海报元素的对应关系

src/page/Home/App.vue

@@ -1,10 +1,11 @@
 <template>
-  <div class="home" @touchmove.prevent>
+  <div class="home">
     <Index v-if="showIndex" @IndexPage="indexFn"></Index>
     <Question v-if="showQuestion" @QuestionPage="questionFn"></Question>
     <Result v-if="showResult" @ResultPage="resultFn"></Result>
     <MyPrize v-if="showMyPrize" @MyPrizePage="myPrizeFn"></MyPrize>
     <Draw v-if="showDraw" @DrawPage="drawFn"></Draw>
+    <Rule v-if="showRule" @RulePage="ruleFn"></Rule>
     <Loading v-if="showLoad" @LoadPage="loadFn"></Loading>
   </div>
 </template>
@@ -17,6 +18,7 @@ import Question from "@/components/Question";
 import MyPrize from "@/components/MyPrize";
 import Draw from "@/components/Draw";
 import Result from "@/components/Result";
+import Rule from "@/components/Rule";
 import { createBGM, getQueryString } from "@/plugins";
 import { authorize, getUserInfo } from '@/api'
 import { Toast } from "vant";
@@ -43,6 +45,10 @@ const indexFn = (item) => {
   if (item.action == "start") {
     showQuestion.value = true;
   }
+
+  if (item.action == "showRule") {
+    showRule.value = true;
+  }
 };
 
 const showQuestion = ref(false);
@@ -76,6 +82,18 @@ const resultFn = (item) => {
   if (item.action == "hide") {
     showResult.value = false;
   }
+  if (item.action == "showDraw") {
+    showDraw.value = true;
+  }
+};
+
+
+const showRule = ref(false);
+const ruleFn = (item) => {
+  if (item.action == "hide") {
+    showRule.value = false;
+  }
+
 };
 
 onMounted(() => {