修改

src/components/detail/breadcrumb.vue

@@ -243,6 +243,7 @@ img {
             font-weight: 400;
             font-style: normal;
             color: #AAAAAA;
+            cursor: pointer;
         }
     }
 

src/components/public/viewMap.vue

@@ -7,7 +7,7 @@
             </div>
             <div id="container">
                 <div class="location-bj flexcenter" @click="showPop" v-if="!show">
-                    <div class="location-site flexacenter">
+                    <div class="location-site flexacenter" v-if="props['name']">
                         <img class="tracingPoint" src="@/assets/img/publicImage/u1704.png" />
                         <div class="location-name">{{ props['name'] }}</div>
                         <img class="location-arrows" src="@/assets/img/publicImage/u353.svg" />
@@ -28,8 +28,9 @@ const props = defineProps({
 
 let key = ref("MVNBZ-PEFWI-O4OGT-5ADVJ-7QAYJ-NBFY4")
 
+console.log("props.latlng", props.latlng['latitude'], props.latlng['longitude']);
 const initMap = () => {
-    let center = new TMap.LatLng(props.latlng['longitude'], props.latlng['latitude']);
+    let center = new TMap.LatLng(props.latlng['latitude'], props.latlng['longitude']);
     let map = new TMap.Map("container", {
         zoom: 15,
         disableDefaultUI: true,                                                //禁止所有控件
@@ -44,7 +45,7 @@ const initMap = () => {
         id: "marker-layer",
         map: map,
         geometries: [{
-            "position": new TMap.LatLng(props.latlng['longitude'], props.latlng['latitude']),
+            "position": new TMap.LatLng(props.latlng['latitude'], props.latlng['longitude']),
         }]
     });
 }

src/router/index.js

@@ -95,7 +95,8 @@ const routes = [
     path: "/apartmentDetail",
     component: () => import(/* webpackChunkName: "housing" */ '@/views/apartmentDetail.vue'),
     meta: {
-      title: "品牌公寓详情"
+      title: "品牌公寓详情",
+      path:'/apartmentDetail'
     }
   }
 ]

src/views/apartmentDetail.vue

@@ -179,8 +179,8 @@
                         <img class="icon" src="@/assets/img/apartmentDetail/location-icon.png">
                         {{ info.location || '位置' }}
                     </div>
-                    <view-map :latlng="{ longitude: info['coordinate'][0], latitude: info['coordinate'][1] }"
-                        :name="info['address']"></view-map>
+                    <view-map :latlng="{ latitude: info['coordinate'][0], longitude: info['coordinate'][1] }"
+                        :name="info['address']"></view-map>{{  info['coordinate'][0]  }} 11 {{ info['coordinate'][1] }}
 
                     <!-- 交通 -->
                     <div class="traffic-box" v-if="info['traffic']">
@@ -290,7 +290,7 @@
 
                         <div class="site flexacenter">
                             <img class="site-icon" src="@/assets/img/publicImage/location-icon.png">
-                            {{ item['address'] }}
+                            <div class="site-text ellipsis">{{ item['address'] }}</div>
                         </div>
 
                         <div class="price-box">
@@ -355,7 +355,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, toRefs, watch, getCurrentInstance, nextTick } from 'vue';
+import { ref, onMounted, onUnmounted, toRefs, watch, getCurrentInstance, nextTick } from 'vue';
 import { ElMessage, valueEquals } from 'element-plus'
 import { useStore } from 'vuex';
 
@@ -371,7 +371,6 @@ let router = useRouter()
 let { uniqid } = router.currentRoute.value.query
 
 import { copyToClipboard } from '@/utils/util.js'
-// const uniqid = "aWqSz58aKKvn"
 
 const { proxy } = getCurrentInstance()
 const store = useStore();
@@ -422,8 +421,6 @@ proxy.$get("/tenement/pc/api/apartment/details", { uniqid }).then(res => {
     token = data['token']
     qrcode.value = data['qrcode']
 
-
-
     handleAllCarouselsData()
 
 
@@ -617,6 +614,20 @@ const slideshowType = type => slideshowItem(carouselsconfig.value[type].index)
 let detailsLeft = ref(null)
 
 
+onMounted(() => {
+    window.addEventListener('scroll', handleScroll);
+});
+
+onUnmounted(() => {
+    window.removeEventListener('scroll', handleScroll);
+});
+
+const handleScroll = () => {
+
+
+  // 处理滚动事件
+}
+
 
 </script>
 

src/views/detail.vue

@@ -427,8 +427,8 @@
                             <div class="dis-f jus-x" style="margin-top:15px;">
                                 <div v-if="housingInfo['data']">
                                     <mapInfo :latlng="{
-                                        latitude: housingInfo['data'].info.longitude * 1,
-                                        longitude: housingInfo['data'].info.latitude * 1
+                                        longitude: housingInfo['data'].info.longitude * 1,
+                                        latitude: housingInfo['data'].info.latitude * 1
                                     }" :name="housingInfo['data'].info.address"></mapInfo>
                                 </div>
                             </div>