liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix：4906 【商城小程序】康养和旅居类目下页面内容偏左，需按效果图调整，并做成瀑布流形式

Browse Source
This commit is contained in:
linxi
2026-03-03 10:08:56 +08:00
parent 732a21e17f
commit c33f9dfc12
2 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pkg_product/views/healthSanctum.vue
+9 -6
View File
@@ -78,7 +78,7 @@
:poster="item.cover + '?vframe/jpg/offset/1'"
v-if="item.coverType === 2">
</video>
<image v-else class="img" :src="item.cover" mode="widthFix"></image>
<image v-else class="img" :src="item.cover" mode="scaleToFill"></image>
<view class="v12-white-text address">
<image
class="map-icon v12-mr-1"
@@ -88,7 +88,7 @@
</view>
</view>
<view v-if="item.intro" class="v12-font-bold v12-font-28 v12-mt-1 more-t desc-txt">{{ item.intro }}</view>
<view class="v12-justify-start v12-align-center v12-my-1">
<view class="v12-justify-start v12-align-center v12-mb-1">
<view class="atr">
<image class="atr" :src="item.avatar"></image>
</view>
@@ -110,7 +110,7 @@
:poster="item.cover + '?vframe/jpg/offset/1'"
v-if="item.coverType === 2">
</video>
<image v-else class="img" :src="item.cover" mode="widthFix"></image>
<image v-else class="img" :src="item.cover" mode="scaleToFill"></image>
<view class="v12-white-text address">
<image
class="map-icon v12-mr-1"
@@ -120,7 +120,7 @@
</view>
</view>
<view v-if="item.intro" class="v12-font-bold v12-font-28 v12-mt-1 more-t desc-txt">{{ item.intro }}</view>
<view class="v12-justify-start v12-align-center v12-my-1">
<view class="v12-justify-start v12-align-center v12-mb-1">
<view class="atr">
<image class="atr" :src="item.avatar"></image>
</view>
@@ -332,8 +332,8 @@ export default {
position: relative;
}
.desc-txt {
height: 78rpx;
line-height: 40rpx;
max-height: 78rpx;
}
.address{
position: absolute;
@@ -353,9 +353,12 @@ export default {
align-items: flex-start;
}
.waterfall-column {
width: 48%;
width: 49.9%;
display: flex;
flex-direction: column;
.img{
height: 670rpx;
}
}
.atr{
width: 52rpx;