首页接口

src/components/apartmentList/apartmentList.vue

@@ -1,18 +1,18 @@
 <template>
     <div class="list-item">
         <div class="item-title">
-            安怡居 | 旺角毓成楼
+            {{ moduleData.data.title }}
         </div>
         <div class="item-text">
-            大学认可校外宿舍 ，24小时保安洋楼
+            {{ moduleData.data.propaganda }}
         </div>
         <div class="item-img-box">
-            <div class="img-box">
+            <!-- <div class="img-box">
                 <img src="../../assets/homeImage/mapImg.png" class="item-img" alt="">
                 <img src="../../assets/homeImage/voide.svg" class="img" alt="">
-            </div>
-            <div class="img-box">
-                <img src="../../assets/homeImage/mapImg.png" class="item-img" alt="">
+            </div> -->
+            <div class="img-box" v-for="(item,i) in moduleData.data.images" :key="i">
+                <img :src="item" class="item-img" alt="">
                 <img src="../../assets/homeImage/voide.svg" class="img" alt="">
             </div>
         </div>
@@ -20,19 +20,17 @@
 </template>
   
 <script setup>
-
-</script>
-<script>
-export default {
-    props: {
-        List: {
-            type: Array,
-            default: function () {
-                return []
-            }
+import { defineProps, reactive } from 'vue'
+const props = defineProps({
+    data: {
+        type: Object,
+        default: function () {
+            return {}
         }
     }
-}
+})
+let moduleData = reactive({ data: {} })
+moduleData.data = props.data
 </script>
 <style scoped>
 .list-item {
@@ -67,6 +65,10 @@ export default {
         color: #7F7F7F;
         text-align: left;
         margin-top: 12px;
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        -webkit-box-orient: vertical;
     }
 
     .item-img-box {
@@ -87,6 +89,7 @@ export default {
                 width: 120px;
                 height: 80px;
                 border-radius: 10px;
+                object-fit: cover;
             }
 
             .img {