Compare commits

..

2 Commits

View File

@ -58,16 +58,23 @@
<span class="time_tex" v-if="item.status == 2">{{
"报名中"
}}</span>
<span style="margin: 0 8rpx">{{ dateWeeks(item.sign_start_time) }}
</span>|<span class="white-space"
style="margin-left: 8rpx; width: 260rpx">{{
<span v-if="item.status == 2" style="margin: 0 20rpx">{{ dateWeeks(item.sign_start_time) }}</span>
<span v-if="item.status != 2" style="margin: 0 20rpx 0 0">{{ dateWeeks(item.sign_start_time) }}
</span><span
style="width: 1rpx;height: 22rpx;background: #323232;"></span>
<span class="white-space"
style="margin-left: 20rpx; width: 260rpx">{{
item.address_detail }}</span>
</view>
</view>
<view class="flex align-items" style="margin-top: 20rpx">
<image class="imgs_con" v-for="(items_img, index) in item.images.slice(0, 3)"
:key="index" :src="items_img"></image>
<view class="flex align-items justify-center" style="margin-top: 20rpx;margin-bottom: 32rpx;">
<view class="imgs_con_div" v-for="(items_img, index) in item.images.slice(0, 3)"
:key="index">
<image class="imgs_con" :src="items_img"></image>
</view>
</view>
</view>
</view>
@ -1053,19 +1060,19 @@
// white-space: nowrap;
.bbb {
background: #ffffff;
margin-top: 30rpx;
margin-top: 24rpx;
border-radius: 36rpx;
}
.right {
margin-left: 24rpx;
margin-left: 30rpx;
width: 100%;
padding: 20rpx 0;
// padding: 20rpx 0;
.title {
width: 95%;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-weight: bold;
font-size: 30rpx;
color: #323232;
}
@ -1135,7 +1142,7 @@
font-weight: 400;
font-size: 26rpx;
color: #323232;
line-height: 30rpx;
// line-height: 30rpx;
.time_tex {
width: 116rpx;
@ -1145,16 +1152,18 @@
font-weight: 400;
font-size: 24rpx;
color: #323232;
line-height: 42rpx;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
line-height: 30rpx;
}
}
.imgs_con {
.imgs_con_div {
margin-right: 12rpx;
width: 202rpx;
height: 202rpx;
margin-right: 20rpx;
object-fit: cover;
overflow: hidden;
&:first-child {
border-radius: 18rpx 0 0 18rpx;
@ -1163,6 +1172,12 @@
&:nth-child(3) {
border-radius: 0 18rpx 18rpx 0;
}
.imgs_con {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}