需求改改改

src/views/gui/Cover.vue

@@ -14,19 +14,56 @@
       alt=""
       draggable="false"
     >
-    <button
-      class="begin"
-      @click="onClickBegin"
-    >
-      <img
-        class=""
-        src="@/assets/images/begin-explore-btn-bg.png"
-        alt=""
-        draggable="false"
+    <div class="button-wrapper">
+      <button
+        class="begin"
+        @click="onClickOnline"
       >
-      <span>开始探索</span>
-    </button>
-
+        <img
+          class=""
+          src="@/assets/images/begin-explore-btn-bg.png"
+          alt=""
+          draggable="false"
+        >
+        <span>线上展厅</span>
+      </button>
+      <button
+        class="begin"
+        @click="onClickHangPai"
+      >
+        <img
+          class=""
+          src="@/assets/images/begin-explore-btn-bg.png"
+          alt=""
+          draggable="false"
+        >
+        <span>建筑航拍</span>
+      </button>
+      <button
+        class="begin"
+        @click="onClickManYou"
+      >
+        <img
+          class=""
+          src="@/assets/images/begin-explore-btn-bg.png"
+          alt=""
+          draggable="false"
+        >
+        <span>遗址漫游</span>
+      </button>
+      <button
+        class="begin"
+        @click="$router.push({name: 'RelicsList'})"
+      >
+        <img
+          class=""
+          src="@/assets/images/begin-explore-btn-bg.png"
+          alt=""
+          draggable="false"
+        >
+        <span>馆藏鉴赏</span>
+      </button>
+    </div>
     <EntryList
       v-show="isShowEntryList"
       @close="closeEntryList"
@@ -50,13 +87,19 @@ export default {
 
   },
   methods: {
-    onClickBegin() {
+    onClickOnline() {
       // this.$router.push({ name: 'Home', query: this.$route.query } )
       this.isShowEntryList = true
     },
     closeEntryList() {
       this.isShowEntryList = false
-    }
+    },
+    onClickHangPai() {
+      location.href = 'https://www.4dkankan.com/panorama/show.html?id=WK1655789833349554176&vr=fd720_ZLt4ctJUZ&lang=zh'
+    },
+    onClickManYou() {
+      location.href = 'https://www.4dkankan.com/panorama/show.html?id=WK1666254407404093440&vr=fd720_4IKxFlMQt&lang=zh'
+    },
   }
 }
 </script>
@@ -81,29 +124,37 @@ export default {
     left: 50%;
     transform: translateX(-50%);
   }
-  > button.begin {
+  > .button-wrapper {
     position: absolute;
-    bottom: 11.5vh;
-    left:50%;
+    left: 50%;
+    bottom: 5vh;
     transform: translateX(-50%);
-    width: 44.5vw;
-    height: 13.3vw;
-    > img {
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-    }
-    > span {
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-      font-size: 4.3vw;
-      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-      font-weight: 400;
-      color: #A33328;
+    width: 100vw;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    > button {
+      width: 44.5vw;
+      height: 13.3vw;
+      position: relative;
+      margin-bottom: 4vw;
+      > img {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+      }
+      > span {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        font-size: 4.3vw;
+        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+        font-weight: 400;
+        color: #A33328;
+      }
     }
   }
 }

src/views/gui/EntryList.vue

@@ -59,11 +59,6 @@ export default {
           title: '地标合影',
           routeName: 'LandmarkList',
         },
-        {
-          bgImgUrl: require('@/assets/images/entries/wen-wu-shang-xi.png'),
-          title: '文物赏析',
-          routeName: 'RelicsList',
-        },
       ]
     }
   },