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 14:03:02 +08:00
parent c33f9dfc12
commit d0ca72c855
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pkg_product/views/healthFoods.vue
+2 -2
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="scaleToFill"></image> <image v-else class="img" :src="item.cover" mode="aspectFill"></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"
@@ -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="scaleToFill"></image> <image v-else class="img" :src="item.cover" mode="aspectFill"></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"
pkg_product/views/healthSanctum.vue
+6 -6
View File
@@ -63,7 +63,7 @@
</view> --> </view> -->
<text class=" v12-font-34 v12-dark-text v12-mr-5 v12-font-bold">大家都在看</text> <text class=" v12-font-34 v12-dark-text v12-mr-5 v12-font-bold">大家都在看</text>
</view> </view>
<view class="waterfall-box v12-mt-3 v12-px-2"> <view class="waterfall-box v12-mt-3">
<view class="waterfall-column"> <view class="waterfall-column">
<view v-for="(item, index) in leftItems" :key="index" class="v12-pa-1" @click="toStore(item)"> <view v-for="(item, index) in leftItems" :key="index" class="v12-pa-1" @click="toStore(item)">
<view class="img"> <view class="img">
@@ -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="scaleToFill"></image> <image v-else class="img" :src="item.cover" mode="aspectFill"></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-mb-1"> <view class="v12-justify-start v12-align-center v12-my-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="scaleToFill"></image> <image v-else class="img" :src="item.cover" mode="aspectFill"></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-mb-1"> <view class="v12-justify-start v12-align-center v12-my-1">
<view class="atr"> <view class="atr">
<image class="atr" :src="item.avatar"></image> <image class="atr" :src="item.avatar"></image>
</view> </view>
@@ -377,7 +377,7 @@ export default {
.sanctum-wrap{ .sanctum-wrap{
min-height: 100vh; min-height: 100vh;
background-color: #fff; background-color: #fff;
padding: 20rpx ; padding: 10rpx ;
} }
.tab{ .tab{
position: relative; position: relative;