wo123/dyqc_hdapp
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
wangzimeng 2025-08-12 09:35:42 +08:00
parent baa5431279
commit 42e9f064e3
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packageA/center/detail.vue
View File

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