|
|
@@ -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;
|
