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/healthFoods.vue
+9 -6
View File
@@ -108,7 +108,7 @@
:poster="item.cover + '?vframe/jpg/offset/1'" :poster="item.cover + '?vframe/jpg/offset/1'"
v-if="item.coverType === 2"> v-if="item.coverType === 2">
</video> </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"> <view class="v12-white-text address">
<image <image
class="map-icon v12-mr-1" class="map-icon v12-mr-1"
@@ -118,7 +118,7 @@
</view> </view>
</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 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"> <view class="atr">
<image class="atr" :src="item.avatar"></image> <image class="atr" :src="item.avatar"></image>
</view> </view>
@@ -140,7 +140,7 @@
:poster="item.cover + '?vframe/jpg/offset/1'" :poster="item.cover + '?vframe/jpg/offset/1'"
v-if="item.coverType === 2"> v-if="item.coverType === 2">
</video> </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"> <view class="v12-white-text address">
<image <image
class="map-icon v12-mr-1" class="map-icon v12-mr-1"
@@ -150,7 +150,7 @@
</view> </view>
</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 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"> <view class="atr">
<image class="atr" :src="item.avatar"></image> <image class="atr" :src="item.avatar"></image>
</view> </view>
@@ -371,8 +371,8 @@ export default {
position: relative; position: relative;
} }
.desc-txt { .desc-txt {
height: 78rpx;
line-height: 40rpx; line-height: 40rpx;
max-height: 78rpx;
} }
.address{ .address{
position: absolute; position: absolute;
@@ -392,9 +392,12 @@ export default {
align-items: flex-start; align-items: flex-start;
} }
.waterfall-column { .waterfall-column {
width: 48%; width: 49.9%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.img{
height: 670rpx;
}
} }
.atr{ .atr{
width: 52rpx; width: 52rpx;
pkg_product/views/healthSanctum.vue
+9 -6
View File
@@ -78,7 +78,7 @@
:poster="item.cover + '?vframe/jpg/offset/1'" :poster="item.cover + '?vframe/jpg/offset/1'"
v-if="item.coverType === 2"> v-if="item.coverType === 2">
</video> </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"> <view class="v12-white-text address">
<image <image
class="map-icon v12-mr-1" class="map-icon v12-mr-1"
@@ -88,7 +88,7 @@
</view> </view>
</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 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"> <view class="atr">
<image class="atr" :src="item.avatar"></image> <image class="atr" :src="item.avatar"></image>
</view> </view>
@@ -110,7 +110,7 @@
:poster="item.cover + '?vframe/jpg/offset/1'" :poster="item.cover + '?vframe/jpg/offset/1'"
v-if="item.coverType === 2"> v-if="item.coverType === 2">
</video> </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"> <view class="v12-white-text address">
<image <image
class="map-icon v12-mr-1" class="map-icon v12-mr-1"
@@ -120,7 +120,7 @@
</view> </view>
</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 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"> <view class="atr">
<image class="atr" :src="item.avatar"></image> <image class="atr" :src="item.avatar"></image>
</view> </view>
@@ -332,8 +332,8 @@ export default {
position: relative; position: relative;
} }
.desc-txt { .desc-txt {
height: 78rpx;
line-height: 40rpx; line-height: 40rpx;
max-height: 78rpx;
} }
.address{ .address{
position: absolute; position: absolute;
@@ -353,9 +353,12 @@ export default {
align-items: flex-start; align-items: flex-start;
} }
.waterfall-column { .waterfall-column {
width: 48%; width: 49.9%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.img{
height: 670rpx;
}
} }
.atr{ .atr{
width: 52rpx; width: 52rpx;