2、首页活动详情的照片调整

This commit is contained in:
wangzimeng 2025-08-12 09:35:42 +08:00
parent baa5431279
commit 42e9f064e3

View File

@ -63,7 +63,7 @@
style="width: 50rpx; height: 50rpx;position: absolute;right: 5%;"> style="width: 50rpx; height: 50rpx;position: absolute;right: 5%;">
</image> </image>
</span> </span>
<span class="line" style="margin-bottom: 0rpx;"></span> <!-- <span class="line" style="margin-bottom: 0rpx;"></span>
<view class="second-box flex align-items space-between" v-if="detail.join_info"> <view class="second-box flex align-items space-between" v-if="detail.join_info">
<view class="flex align-items" v-if="detail.join_info.users"> <view class="flex align-items" v-if="detail.join_info.users">
<u-avatar-group :urls="detail.join_info.users" keyName="avatar" size="30" gap="0.3" <u-avatar-group :urls="detail.join_info.users" keyName="avatar" size="30" gap="0.3"
@ -79,7 +79,7 @@
<u-slider v-model="value_slide" showValue min="0" max="100" blockSize="12" <u-slider v-model="value_slide" showValue min="0" max="100" blockSize="12"
inactiveColor="#EBEBEB" activeColor="#BBFC5B" disabled></u-slider> inactiveColor="#EBEBEB" activeColor="#BBFC5B" disabled></u-slider>
</view> </view>
</view> </view> -->
</view> </view>
@ -104,6 +104,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="third flex flex-column" style="justify-content: flex-start;"> <view class="third flex flex-column" style="justify-content: flex-start;">
<view class="third-top flex align-items"> <view class="third-top flex align-items">
<span>活动详情 <span>活动详情
@ -150,9 +151,12 @@
</view> </view>
</view> </view>
<view class="third-center" style="padding-top: 0;"> <view class="" style="display: flex;flex-wrap: wrap;justify-content: flex-start;width: 690rpx;padding: 0 30rpx;gap: 10rpx;">
<image mode="widthFix" class="imgs" v-for="(item, index) in detail.images" :key="index" :src="item"> <view class="imgs" v-for="(item, index) in detail.images" :key="index">
</image> <image mode="aspectFill" style="width: 220rpx;height: 220rpx;" :src="item">
</image>
</view>
</view> </view>
@ -1255,7 +1259,7 @@
.third { .third {
width: 100%; width: 100%;
background: #ffffff; background: #ffffff;
margin-top: 20rpx; margin-top: 60rpx;
border-radius: 44rpx; border-radius: 44rpx;
margin-bottom: 150rpx; margin-bottom: 150rpx;
@ -1296,8 +1300,9 @@
} }
.imgs { .imgs {
display: block; display: flex;
width: 690rpx; // width: 690rpx;
} }
} }
@ -1312,13 +1317,13 @@
.imgs { .imgs {
width: 690rpx; width: 690rpx;
display: block; // display: block;
} }
} }
.imgs { .imgs {
display: block; // display: block;
width: 690rpx; // width: 690rpx;
} }