集客

pages/activity/jkDetail.vue

@@ -45,7 +45,7 @@
 				<view class="signupLine" v-for="(item,index) in 5">
 					<view class="signupLineL">
 						<img src="http://dmsphoto.66km.com.cn/marketing//accompany/3885B510-6405-4A5E-BD64-B6C09CEE070E.jpg" alt="" class="signupLineLImg">
-						<view class="signupLineLName"></view>
+						<view class="signupLineLName">微信昵称</view>
 					</view>
 					<view class="signupLineM">鲁A0**21</view>
 					<view class="signupLineR">11-12 12:32</view>
@@ -53,7 +53,18 @@
 			</view>
 		</view>
 		<!-- 多少人报名 -->
-		
+		<!-- 多少人看过 -->
+		<view class="signupBox">
+			<view class="signupTop">
+				<span class="signupTops1">122</span>
+				<span class="signupTops1">人看过</span>
+			</view>
+			<view class="seeBox">
+				<view class="seeLine" v-for="(item,index) in 15">
+					<img src="http://dmsphoto.66km.com.cn/marketing//accompany/3885B510-6405-4A5E-BD64-B6C09CEE070E.jpg" alt="" class="signupLineLImg">
+				</view>
+			</view>
+		</view>
 		<view class="detailBOx" v-if="info.imgList">
 			<view class="detailTitle">活动详情</view>
 			<view class="detailImgBox" v-for="(item,index) in info.imgList.split(',')">
@@ -61,8 +72,20 @@
 			</view>
 		</view>
 		
-		<view style="height: 120rpx;"></view>
-		
+		<view style="height: 200rpx;"></view>
+		<view class="bottom">
+			<view class="timeTbox" v-if="!activityEnd">
+			  <view class="timeviewTxt" v-if="activityNoOpen"> 距开始</view>
+			  <view class="timeviewTxt" v-if="!activityNoOpen"> 距结束</view>
+			  <view class="timeK">{{shengyuD}}</view>
+			  <view class="timeviewTxt" > 天</view>
+			  <view class="timeK">{{shengyuH}}</view>
+			  <view class="timeviewTxt"> 时</view>
+			  <view class="timeK">{{shengyuM}}</view>
+			  <view class="timeviewTxt" > 分</view>
+			</view>
+			view
+		</view>
 	</view>
 </template>
 
@@ -74,6 +97,11 @@
 				type:'',
 				shopNum:'',
 				shopInfo:'',
+				activityEnd:false,
+				activityNoOpen:true,
+				shengyuD:1,
+				shengyuH:12,
+				shengyuM:21
 			}
 		},
 		onLoad(opt) {
@@ -137,15 +165,100 @@
 </script>
 
 <style scoped>
+	.timeTbox{
+		width: 750rpx;
+		height: 60rpx;
+		background:#FFF5F0;
+		border-radius: 24rpx 24rpx 0px 0px;
+		border: 1px solid #EFE1D5;
+		display: flex;
+		justify-content: center;
+		font-size: 24rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #764D49;
+	
+	}
+	.timeviewTxt{
+			line-height: 41rpx;
+			padding-top: 10rpx;
+	}
+	.timeDivTxt{
+		line-height: 60rpx;
+		padding: 0 10rpx;
+	}
+	.timeK{
+		height: 41rpx;
+		line-height: 41rpx;
+		color: #FFFFFF;
+		width: 41rpx;
+		text-align: center;
+		background: #FF4F00;
+		border-radius: 6rpx;
+		margin-top: 9rpx;
+		margin-left: 15rpx;
+		margin-right: 15rpx;
+	}
+.bottom{
+	width: 750rpx;
+	height: 180rpx;
+	background: #FFFFFF;
+	border-radius: 24rpx 24rpx 0px 0px;
+	position: fixed;
+	left: 0;
+	bottom: 0;
+}
 .signupBox{
 	background: #ffffff;
 	margin-top: 20rpx;
 }
+.seeBox{
+	display: flex;
+	flex-wrap: wrap;
+	padding-left: 24rpx;
+	padding-bottom: 20rpx;
+}
+.seeLine{
+	padding-top: 14rpx;
+	padding-right: 16rpx;
+}
+.signupLine{
+ display: flex;
+ justify-content: space-between;
+ padding: 11rpx 0;
+ border-bottom: 1px solid #DDDDDD;
+}
+.signupLineM{
+	color: #3C3C3C;font-size: 26rpx;
+	line-height: 56rpx;
+}
+.signupLineR{
+	color: #999999;
+	font-size: 26rpx;
+	line-height: 56rpx;
+}
+.signupLineLName{
+	font-weight: 400;
+	color: #3C3C3C;
+	font-size: 26rpx;
+	padding-left: 16rpx;
+	line-height: 56rpx;
+	width: 150rpx;
+	white-space:nowrap;
+	overflow:hidden;
+	text-overflow:ellipsis;
+}
+.signupCont{
+	padding: 0 24rpx;
+}
 .signupLineLImg{
 	width: 56rpx;
 	height: 56rpx;
 	border-radius: 8rpx;
 }
+.signupLineL{
+	display: flex;
+}
 .signupTop{
 	width: 750rpx;
 	height: 78rpx;

pages/index/personalCard.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content">
 		<view class="top-box">
-			<image class="bgImg" src="../../static/img/bg_mingpian@2x.png"></image>
+			<image class="bgImg" src="http://dmsphoto.66km.com.cn/thFiles/C5E37DF6-452F-4FA4-877D-7620E10440C3.png"></image>
 			<image class="headerImg" :src="avatarStr">
 			</image>
 			<view class="txtInfo-box">