feat(init): update

src/pages/cover.vue

@@ -0,0 +1,41 @@
+<template>
+    <div class="cover" :style="{ backgroundImage: `url(${require('@/assets/images/guide/bg.jpg')})` }">
+        <div class="btn" @click="handleEnter">进入预案</div>
+    </div>
+</template>
+<script setup>
+import { ref } from 'vue'
+const isShow = ref(true)
+const emit = defineEmits(['enter']);
+
+const handleEnter = () => {
+    emit('enter')
+}
+</script>
+<style lang="scss" scoped>
+.cover {
+    background-repeat: no-repeat;
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    z-index: 100000;
+    background-size: cover;
+
+    .btn {
+        background-color: rgba($color: #000000, $alpha: 0.8);
+        color: white;
+        font-size: 20px;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        padding: 20px 40px;
+        border-radius: 10px;
+        cursor: pointer;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 80%;
+        position: absolute;
+    }
+
+}
+</style>

src/pages/show.vue

@@ -3,13 +3,14 @@
     <LoadingLogo />
     <Opening :coverData="coverInfo" v-if="coverInfo.isShowCover && !hasPasswordLock" />
     <Password @pass="handlePass" />
+    <Cover v-if="isCustomCover" @enter="isCustomCover = false"></Cover>
     <Share />
-    <div class="ui-view-layout" :class="{ show: show }">
+    <div class="ui-view-layout" :class="{ show: show && !isCustomCover }">
       <Pano />
       <Tags />
       <UiGather />
       <TitieSlide />
-      <Guide />
+      <Guide  v-if="!isCustomCover"/>
     </div>
   </template>
 
@@ -23,7 +24,7 @@ import Password from "@/components/assembly/Password";
 import Share from "@/components/assembly/Share";
 import Error from "@/components/assembly/Error";
 import TitieSlide from "@/components/assembly/titieSlide";
-
+import Cover from "./cover";
 import UiGather from "@/components/UIGather/";
 
 import LoadingLogo from "@/components/assembly/Loading";
@@ -44,6 +45,7 @@ const { t } = useI18n({ useScope: "global" });
 
 const store = useStore();
 const show = ref(false);
+const isCustomCover = ref(true);
 const workEnable = ref(true);
 const coverInfo = ref({});
 const hasPasswordLock = ref(false);

src/pages/showMobile.js

@@ -5,6 +5,7 @@ import i18n, { getLocale, setI18nLanguage, loadLocaleMessages } from "../i18n";
 import Components from "@/global_components";
 import ShowMobile from "./showMobile.vue";
 import { createApp } from "vue";
+import Cover from "./cover";
 import ClickOutSide from "../utils/fns/ClickOutSide";
 import Checkbrowser from '@/components/assembly/Checkbrowser.vue'
 import browser from "../utils/browser";

src/pages/showMobile.vue

@@ -3,12 +3,14 @@
   <template v-if="workEnable">
     <Opening :coverData="coverInfo" v-if="coverInfo.isShowCover && !hasPasswordLock" />
     <Password @pass="handlePass" />
+     <Cover v-if="isCustomCover" @enter="isCustomCover = false"></Cover>
     <Share />
-    <div class="ui-view-layout" :class="{ show: show }">
+    <div class="ui-view-layout" :class="{ show: show && isCustomCover }">
       <Pano />
       <Tags />
       <UiGather />
       <TitieSlide />
+      <Guide  v-if="!isCustomCover"/>
     </div>
   </template>
 
@@ -46,7 +48,7 @@ import { useAudio } from "@/hooks/useAudio";
 import { useI18n, getLocale } from "@/i18n";
 import { Dialog } from "@/global_components";
 const { t } = useI18n({ useScope: "global" });
-
+const isCustomCover = ref(true);
 const { initWxShare } = useWxShared();
 
 const coverInfo = ref({});