同步

src/views/system/houseRental/houseMain.vue

@@ -51,12 +51,23 @@
           <span style="margin-right: 10px" v-for="item in HouseInfo.facilitieslist" :key="item">{{ handlefacilities(item) }} </span>
         </div>
       </div>
-      <el-row>
-        <el-col :span="10">
+      <el-row :span="24">
+        <el-col :span="24">
           <div class="descriptionsbox">
             <div class="label">房屋照片:</div>
-            <div class="value grid grid-cols-4 gap-4">
-              <el-image v-for="(item, index) in HouseInfo.houseImageUrls" :key="index" :src="splitImages(item)" class="houseImage"></el-image>
+            <div class="value">
+              <el-image
+                v-for="(item, index) in HouseInfo.houseImageUrls"
+                :key="index"
+                :zoom-rate="1.2"
+                :max-scale="7"
+                :min-scale="0.2"
+                :src="item"
+                :preview-src-list="HouseInfo.houseImageUrls"
+                show-progress
+                :initial-index="0"
+                class="houseImage"
+              ></el-image>
             </div>
           </div>
         </el-col>
@@ -199,6 +210,8 @@ function handlBack() {
   .houseImage {
     width: 200px;
     height: 100px;
+    margin: 10px 5px;
+    object-fit: cover;
   }
   .descriptionsbox {
     display: flex;