1

README.md

@@ -1,4 +1,2 @@
 # todo
-开启导航等自带功能时，需要隐藏景点介绍相关界面吧？
-
 还需要景点介绍的音频

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "vue3-js-example",
+  "name": "nan-tou-gu-cheng",
   "version": "1.0.0",
   "chineseName": "vue3-js案例",
   "private": true,

src/main.js

@@ -9,6 +9,8 @@ import "@/assets/style/reset.css";
 import "@/assets/style/my-reset.css";
 import { MessageCenter } from "@/message-center.js";
 
+console.log("build time: 20240511-1100");
+
 const packageName = packageJson.name;
 const rootId = packageName + "__id";
 

src/views/MapView.vue

@@ -1,5 +1,10 @@
 <template>
-  <div class="map-view">
+  <div
+    class="map-view"
+    :style="{
+      backgroundImage: `url(${require(`@/assets/images/map.png`)})`,
+    }"
+  >
     <button class="back" @click="router.go(-1)"></button>
     <button
       ref="poiButtonElList"
@@ -153,7 +158,6 @@ function onClickLocateBtn() {
   top: 0;
   width: 100%;
   height: 100%;
-  background-image: url(@/assets/images/map.png);
   background-size: 100% auto;
   background-repeat: no-repeat;
   background-position: center center;

src/views/PoiInfo.vue

@@ -2,7 +2,7 @@
   <div class="poi-info">
     <div class="content-wrap">
       <video
-        src="@/assets/videos/video.mp4"
+        :src="require(`@/assets/videos/${info.name}.mp4`)"
         controls
         playsinline
         webkit-playsinline="true"