修改详情瀑布流 改为4列

src/components/indexWaterfallBox/indexWaterfallBox.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="item" v-if="itemData.type !== 'adv'" :class="{ 'waterfall-box-housing': itemData.type === 'housing' }" @click="watchInfo">
+    <div class="item" v-if="itemData.type !== 'adv'" :class="{ 'waterfall-box-housing': itemData.type === 'housing', 'isdetail': isdetail }" @click="watchInfo">
         <div class="flexflex pos-r">
             <img class="intermediary-type" v-if="itemData.isintermediary" src="@/assets/homeImage/intermediaryTabImg.png" />
             <div class="box-tab-type" v-else-if="itemData.intermediarytext">
@@ -105,6 +105,9 @@ const props = defineProps({
     listMasonryInstance: {
         type: Object,
     },
+    isdetail: {
+        type: Boolean,
+    },
 })
 
 const imgload = () => {
@@ -429,6 +432,7 @@ const loadload = index => {
 .apartment-top {
     border-radius: 0;
     height: 38px;
+    padding-top: 10px;
 }
 
 .apartment-text {
@@ -483,4 +487,13 @@ const loadload = index => {
     -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
 }
+
+.isdetail {
+    &.item {
+        width: 211.5px;
+        .apartment-img {
+            width: 201.5px;
+        }
+    }
+}
 </style>