hookehuyr

别院地图的主页和详情页标题从接口获取

1 <!-- 1 <!--
2 * @Date: 2024-09-15 22:08:49 2 * @Date: 2024-09-15 22:08:49
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-30 17:06:05 4 + * @LastEditTime: 2024-11-06 11:08:47
5 * @FilePath: /map-demo/src/views/bieyuan/info.vue 5 * @FilePath: /map-demo/src/views/bieyuan/info.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -85,12 +85,12 @@ ...@@ -85,12 +85,12 @@
85 </template> 85 </template>
86 86
87 <script setup> 87 <script setup>
88 -import { ref, watch } from 'vue' 88 +import { ref, watch, watchEffect } from 'vue'
89 import { useRoute, useRouter } from 'vue-router' 89 import { useRoute, useRouter } from 'vue-router'
90 import { showImagePreview } from 'vant'; 90 import { showImagePreview } from 'vant';
91 import { storeToRefs } from 'pinia' 91 import { storeToRefs } from 'pinia'
92 -import { mainStore } from '@/store';
93 import audioPlayList from '@/components/audioList.vue' 92 import audioPlayList from '@/components/audioList.vue'
93 +import { mainStore, useTitle } from '@/utils/generatePackage'
94 94
95 import $ from 'jquery'; 95 import $ from 'jquery';
96 96
...@@ -246,8 +246,14 @@ onMounted(async () => { ...@@ -246,8 +246,14 @@ onMounted(async () => {
246 }); 246 });
247 }, 500); 247 }, 500);
248 } 248 }
249 + // 地图标题
250 + document.title = page_details.value.name;
249 }); 251 });
250 252
253 +// watchEffect(
254 +// () => useTitle(page_details.value.name) // 地图标题
255 +// )
256 +
251 onUnmounted(() => { // 离开页面时关闭音频播放 257 onUnmounted(() => { // 离开页面时关闭音频播放
252 audio.value.pause(); 258 audio.value.pause();
253 store.changeAudioStatus('pause'); 259 store.changeAudioStatus('pause');
......
1 <!-- 1 <!--
2 * @Date: 2023-05-19 14:54:27 2 * @Date: 2023-05-19 14:54:27
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-18 09:25:02 4 + * @LastEditTime: 2024-11-06 10:53:45
5 * @FilePath: /map-demo/src/views/bieyuan/map.vue 5 * @FilePath: /map-demo/src/views/bieyuan/map.vue
6 * @Description: 公众地图主体页面 6 * @Description: 公众地图主体页面
7 --> 7 -->
...@@ -251,6 +251,8 @@ export default { ...@@ -251,6 +251,8 @@ export default {
251 }) 251 })
252 } 252 }
253 } 253 }
254 + // 地图标题
255 + document.title = data.map.map_title;
254 // 初始化地图 256 // 初始化地图
255 this.initMap(); 257 this.initMap();
256 // this.setMapBoundary(); 258 // this.setMapBoundary();
...@@ -602,9 +604,9 @@ export default { ...@@ -602,9 +604,9 @@ export default {
602 604
603 var polygon = new AMap.Polygon({ 605 var polygon = new AMap.Polygon({
604 pathL: pathArray, 606 pathL: pathArray,
605 - strokeColor: "#fcfbfa", 607 + strokeColor: "#fcfbf9",
606 strokeWeight: 2, 608 strokeWeight: 2,
607 - fillColor: "#fcfbfa", 609 + fillColor: "#fcfbf9",
608 fillOpacity: 1, 610 fillOpacity: 1,
609 }) 611 })
610 612
......