发布页面

pages/blindDate/postDetails.vue

@@ -56,16 +56,13 @@
 	}
 	.postDetails .activitytime{
 		width: 100%;
-		height: 30px;
+		
 		border-radius: 2px;
 		margin-top: 15px;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
 		background: #F0F0F0;
 		font-size: 11px;
 		color: #111111;
-		padding:  0 15px;
+		padding:   15px;
 	}
 	.postDetails .content{
 		font-size: 13px;
@@ -283,6 +280,23 @@
 		align-items: center;
 		justify-content: center;
 	}
+	.details-top{
+		width: 100%;
+		height: 223px;
+		
+	}
+	.activitytime-item{
+		width: 100%;
+		display: flex;
+		align-items: flex-start;
+		margin-bottom: 10px;
+	}
+	.activitytime-item-l{
+		width: 220rpx;
+		color: #666666;
+		
+	}
+	
 </style>
 <template>
 	<view class="postDetails">
@@ -302,8 +316,11 @@
 			@scroll='inputscroll'
 		    style="height: 100%;"
 		  >
+		  <view class="details-top">
+		  	<image style="width: 100%;height: 100%;" :src="details.ImageList[0]" mode="aspectFill"></image>
+		  </view>
 		    <view class="details">
-				<view class="details-title">{{details.ActivityTitle}}</view>
+				<view class="details-title"><text v-if="details.Label!=null&& details.Label!='' " :style="{color:mainColor}">【{{details.Label}}】</text>{{details.ActivityTitle}}</view>
 				<view class="details-info">
 					<view class="details-info-l">
 						<view style="width: 35px;height: 35px;border-radius: 50%;position: relative;">
@@ -323,8 +340,40 @@
 					</view>
 				</view>
 				<view class="activitytime" v-if='details.IsOpenEnroll==1'>
-					<text>活动截止时间：{{details.Deadline}}</text>
-					<text>{{gettime()}}</text>
+					<view class="activitytime-item">
+						<view class="activitytime-item-l">
+							报名截止时间
+						</view>
+						<text>{{details.Deadline}}</text>
+					</view>
+					<view class="activitytime-item">
+						<view class="activitytime-item-l">
+							开始时间
+						</view>
+						<text>{{details.StartTime}}</text>
+					</view>
+					<view class="activitytime-item">
+						<view class="activitytime-item-l">
+							结束时间
+						</view>
+						<text>{{details.EndTime}}</text>
+					</view>
+					<view class="activitytime-item">
+						<view class="activitytime-item-l">
+							报名人数
+						</view>
+						<text>男 {{details.ManNum}}人 <text style="margin-left: 10px;">女 {{details.WoManNum}}人 </text> </text>
+					</view>
+					<view class="activitytime-item" style="margin-bottom: 0;">
+						<view class="activitytime-item-l">
+							活动地址
+						</view>
+						
+						<view style="display: flex;flex-wrap: wrap;">
+							<u-icon name="location" :color="mainColor" size="30" ></u-icon>
+							<text style="margin-left: 5px;">{{details.LocationName}}</text>
+						</view>
+					</view>
 				</view>
 				<view class="content" v-html="details.Content">
 					

pages/blindDate/postbar.vue

@@ -38,7 +38,9 @@
 							<image class="gstyle" v-if="x.Sex==2" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/basic-nv-b.png" ></image>
 						</view>
 						<view style="margin-left: 5px;display: flex;flex-direction: column;height: 30px;justify-content: space-between;">
-							<text style="width: calc(100vw - 75px - 310rpx);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;color: #111111;">{{x.UserName}}</text>
+							<text style="width: calc(100vw - 75px - 310rpx);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;color: #111111;">
+							{{x.UserName}}
+							</text>
 							<view style="display: flex;align-items: center;font-size: 10px;color: #858687;">
 								<text>报名{{x.EnrollNum}}人</text>
 								<text style="margin-left: 5px;">{{x.ReplyNum}}留言</text>
@@ -53,7 +55,9 @@
 			<!-- 大图模式 -->
 			<view v-if="showtype==2" class="maxbox" @click="gopostdetails(x)">
 				<image :src="x.ImageList[0]" mode="aspectFill" style="width: 100%;height: 410rpx;border-radius: 15px;"></image>
-				<view style="width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;color: #111111;padding-top: 15px;">{{x.ActivityTitle}}</view>
+				<view style="width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;color: #111111;padding-top: 10px;">
+				<text v-if="x.Label!=null && x.Label!=''" :style="{color:mainColor}">【{{x.Label}}】</text>
+				{{x.ActivityTitle}}</view>
 				<view class="max-b">
 					<view style="width: 35px;height: 35px;border-radius: 15px;position: relative;">
 						<image :src="x.Photo" style="width: 100%;height: 100%;border-radius: 15px;"></image>
@@ -61,7 +65,10 @@
 						<image class="gstyle" v-if="x.Sex==2" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/basic-nv-b.png" ></image>
 					</view>
 					<view style="margin-left: 10px;display: flex;flex-direction: column;height: 35px;justify-content: space-between;">
-						<text style="width: calc(100vw - 75px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #111111;">{{x.UserName}}</text>
+						<text style="width: calc(100vw - 75px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #111111;">
+						
+						{{x.UserName}}
+						</text>
 						<view style="display: flex;align-items: center;justify-content: space-between;font-size: 11px;color: #858687;">
 							<view style="display: flex;align-items: center;">
 								<text>报名{{x.EnrollNum}}人</text>
@@ -352,6 +359,6 @@ export default {
 	height: 35px;
 	display: flex;
 	align-items: center;
-	margin-top: 15px;
+	margin-top: 10px;
 }
 </style>