活动

pages/activity/index.vue

@@ -36,24 +36,27 @@
 						</block>
 					</view>
 
-					<view class="activityBox-row">
+					<view class="activityBox-row" style="display: flex;">
 						<view style="display: inline-block;">
 							<text class="icon-shijian iconfont"></text>活动场次：
 						</view>
-						<view v-for="(k,index) in item.numbers" style="display: inline-block;">
-							<view v-if="index<2" class="tag tag_green activityBox_btn activityBox_time">
-								<view>
-									{{timeFormat(k.start_time,"MM月DD日")}}
-								</view>
-								<view>
-									{{getHm(k.start_time)}}-{{getHm(k.end_time)}}
+						<view style="display: flex;flex-direction: column;">
+							<block v-for="(k,index) in item.numbers">
+								<view v-if="index<2" class="tag tag_green activityBox_btn activityBox_time">
+									<text style="margin-right:12rpx">
+										{{timeFormat(k.start_time,"MM月DD日")}}
+									</text>
+									<text>
+										{{getHm(k.start_time)}}-{{getHm(k.end_time)}}
+									</text>
 								</view>
-							</view>
+							</block>
+							
 						</view>
 
-						<view v-if="item.numbers.length" style="line-height: 70rpx;"
-							class="tag tag_green activityBox_btn activityBox_time">
-							更多场次
+						<view v-if="item.numbers.length>2"
+							class="activityMore">
+							更多>>
 						</view>
 					</view>
 					<!-- <view class="activityBox-row">
@@ -176,7 +179,7 @@
 	}
 
 	.activityBox_time {
-		height: 70rpx;
+		/* height: 70rpx; */
 		vertical-align: middle;
 		display: inline-block;
 		margin: 4rpx;
@@ -186,4 +189,13 @@
 		color: #4E4E4E;
 		margin-right: 10rpx;
 	}
+	.activityMore{
+		font-size: 26rpx;
+		    font-family: PingFang SC;
+		    font-weight: 400;
+		    display: flex;
+		    color: #EF9525;
+		    flex-direction: column-reverse;
+			margin-left:10rpx
+	}
 </style>