bug fix

src/components/MutiRelicHotSpot.vue

@@ -294,8 +294,9 @@ const showRandomPoster = () => {
   &__compose,
   &__poster {
     position: absolute;
-    top: 50%;
+    top: 44%;
     left: 50%;
+    height: 85%;
     animation: bounceIn linear .2s;
     transform: translate(-50%, -50%);
     cursor: pointer;

src/views/EpilogueView.vue

@@ -34,11 +34,18 @@
         大都，朔土高厚，民生劲强，千官笏列，彤墀仙簇，梯航入贡，玉帛来庭。独特的风貌与鲜明的特点，成为大都有别于他处的城市名片。于此，我们借往昔之映像，拨记忆之心弦；历史娓娓道来，城的厚重与瑰丽也得以再现。
       </p>
 
-      <img
-        class="restart"
-        src="@/assets/images/btn-min.png"
-        @click="router.push('/')"
-      >
+      <div class="button-group">
+        <img
+          class="restart"
+          src="@/assets/images/btn-min.png"
+          @click="router.push('/')"
+        >
+        <img
+          class="offline-museum-entry"
+          src="@/assets/images/btn-offline-museum.png"
+          @click="onClickOfflineMuseumEntry"
+        >
+      </div>
     </div>
   </div>
 </template>
@@ -60,6 +67,11 @@ const imageUrl = ref('')
 QRCode.toDataURL(`${location.origin}/project/yzdyh-dadu/index.html`).then((url) => {
   imageUrl.value = url
 })
+
+function onClickOfflineMuseumEntry() {
+  location.assign('https://houseoss.4dkankan.com/project/yuanDaDu/index.html')
+}
+
 </script>
 
 <style lang="less" scoped>
@@ -118,8 +130,17 @@ QRCode.toDataURL(`${location.origin}/project/yzdyh-dadu/index.html`).then((url)
       font-size: 20px;
       font-family: "SourceHanSansSC-Normal";
     }
-    .restart {
-      cursor: pointer;
+    >.button-group{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: 39px;
+      >.restart {
+        cursor: pointer;
+      }
+      >.offline-museum-entry{
+        cursor: pointer;
+      }
     }
     >.qr-code{
       display: flex;