首页添加底部导航 修改区域选项设置

src/components/indexWaterfallBox/indexWaterfallBox.vue

@@ -31,10 +31,10 @@
                 </span>
                 <span v-if="itemData.type === 'apartment'">{{ itemData.propaganda }}</span>
             </div>
-            <!-- <div style="padding: 0 10px;margin-top:15px;" class="dis-f al-item" v-if="itemData.type === 'housing'">
+            <div style="padding: 0 10px;margin-top:15px;" class="dis-f al-item" v-if="itemData.type === 'housing'">
                 <img src="../../assets/homeImage/addMarker.png" class="add-marker" alt="">
-                <span class="address-text">九龙 > 尖沙咀/佐敦</span>
-            </div> -->
+                <span class="address-text">{{ location.data&&location.data[itemData.location&&itemData.location.substring(0,1)] }} > {{ location.data&&location.data[itemData.location] }}</span>
+            </div>
             <div style="padding:0 10px;margin-top:12px;" v-if="itemData.type === 'housing'">
                 <span class="unit">{{ itemData.currency }}</span>
                 <span class="price">{{ itemData.rent }}</span>
@@ -90,6 +90,7 @@
   
 <script setup>
 import { defineProps, reactive } from 'vue'
+import store from '../../store/index';
 const props = defineProps({
     data: {
         type: Object,
@@ -99,6 +100,8 @@ const props = defineProps({
     }
 })
 let itemData = props.data
+let location=reactive({data:{}})
+location.data=store.state.indexData.config.location
 
 </script>
 <style scoped>