2、首页活动详情的照片调整
This commit is contained in:
parent
baa5431279
commit
42e9f064e3
@ -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,11 +151,14 @@
|
|||||||
</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 mode="aspectFill" style="width: 220rpx;height: 220rpx;" :src="item">
|
||||||
</image>
|
</image>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view style="width: 100%;height: 100rpx;"></view>
|
<view style="width: 100%;height: 100rpx;"></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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user