diff --git a/pages/activity_detail/activity_detail.js b/pages/activity_detail/activity_detail.js index db71d56..fc0a1a4 100644 --- a/pages/activity_detail/activity_detail.js +++ b/pages/activity_detail/activity_detail.js @@ -24,9 +24,9 @@ Page({ countDownSecond: 0, countdownSec: 0, //根据状态切换样式 - grounpInfo: "block", + grounpInfo: "none", grounpInfo2: "none", - one_content: "block", + one_content: "none", two_content: "none", bottomBGColor: '#F36619', buttomText: '我要开团', @@ -122,14 +122,14 @@ Page({ activityDetail: data.response, activityNo: data.response.activityNo, groupNo: data.response.groupNo == undefined ? that.data.groupNo : data.response.groupNo, - memberList: data.response.memberList, + memberList: data.response.memberList == undefined ? [] : data.response.memberList, groupStatus: data.response.status, - currentMemberType: data.response.currentMemberType == undefined ? -1 : data.response.currentMemberType, + currentMemberType: that.data.currentMemberType == undefined ? -1 : data.response.currentMemberType, countdownSec: data.response.countdownSec, }); let activityContent = data.response.activityContent; WxParse.wxParse('activityContent', 'html', activityContent, that); - console.log("currentMemberType:" + that.data.groupNo + "status:" + that.data.groupStatus); + console.log("currentMemberType:" + data.response.currentMemberType + "&&status:" + that.data.groupStatus + "&&groupNo" + that.data.groupNo); //根据状态切换样式 if (that.data.groupNo !=""){ //开团后页面变化 @@ -148,7 +148,7 @@ Page({ that.setData({ one_content: "none", two_content: "block", - buttomText: '我要开团', + buttomText: '参与拼团', }); } else if (that.data.currentMemberType == 0 || that.data.currentMemberType == 10){ //发起人和邀请人 @@ -167,7 +167,7 @@ Page({ one_content: "block", two_content: "none", bottomBGColor: '#F36619', - buttomText: '我要开团', + buttomText: '团', grounpInfo: "none", grounpInfo2: "block", @@ -214,8 +214,10 @@ Page({ } }else{ + that.countActivityTime(data.response.countdownSec); that.setData({ - grounpInfo: "none", + one_content: "block", + grounpInfo: "none", grounpInfo2: "none", }); } @@ -542,7 +544,7 @@ Page({ return { title: '1号家政', imageUrl: this.data.qrImageUrl, - path: '/pages/index/index', + path: '/pages/activity_detail/activity_detail?activityNo=' + this.data.activityNo + '&groupNo=' + this.data.groupNo, }; }, }) \ No newline at end of file diff --git a/pages/activity_detail/activity_detail.wxml b/pages/activity_detail/activity_detail.wxml index 30cf925..2b0cf1d 100644 --- a/pages/activity_detail/activity_detail.wxml +++ b/pages/activity_detail/activity_detail.wxml @@ -5,8 +5,16 @@ {{activityDetail.activityName}} + + {{activityDetail.countdownDesc}} + + {{countDownDay}}天 + {{countDownHour}}时 + {{countDownMinute}}分 + {{countDownSecond}}秒 + + - {{activityDetail.limitNum}}人团 {{activityDetail.limitTypeDesc}} @@ -71,7 +79,7 @@ {{buttomText}} - + ¥{{activityDetail.participantPrice / 100}} {{buttomText}} diff --git a/pages/activity_detail/activity_detail.wxss b/pages/activity_detail/activity_detail.wxss index f0cf023..633bdef 100644 --- a/pages/activity_detail/activity_detail.wxss +++ b/pages/activity_detail/activity_detail.wxss @@ -9,24 +9,46 @@ image{ .activity_info{ width: 100%; background: white; - height: 220rpx; + height: 260rpx; margin: -10rpx auto; } +.activity_info .row0{ + width: 100%; + height: 50rpx; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + margin-top: 39rpx; +} + +.activity_info .row0 .sec{ + color: #FFA043; +} + .activity_info .title{ width: 50%; - padding-top: 29rpx; + padding-top: 10rpx; padding-left: 36rpx; font-weight: bold; font-size: 36rpx; + text-align: left +} +.activity_info .countdown{ + width: 50%; + text-align: right; + margin: 10rpx 26rpx auto; + font-size: 20rpx; + color: #999; } .activity_info .row{ width: 100%; height: 40rpx; float: left; + margin-top: 10rpx; } .activity_info .row .num{ padding: 5rpx 20rpx; - font-size: 20rpx; + font-size: 24rpx; width:150px; height:36px; background:rgba(255,160,67,1); @@ -38,20 +60,20 @@ image{ .activity_info .row .limit_type{ padding-left: 20rpx; height: 100%; - font-size: 20rpx; + font-size: 24rpx; color: #F44053; } .activity_info .row .sucess_tip{ margin-left: 26rpx; color: #666666; - font-size: 20rpx; + font-size: 24rpx; } .activity_info .row .sucess_card{ margin-left: 13rpx; color: #333333; - font-size: 24rpx; + font-size: 28rpx; font-weight: bold; } @@ -66,21 +88,22 @@ image{ justify-content: space-between; align-items: center; padding-top: 45px; + margin-top: 20rpx; } .common666{ color: #999; - font-size: 24rpx; + font-size: 28rpx; } .common666del{ color: #999; - font-size: 24rpx; + font-size: 28rpx; text-decoration: line-through; } .commonRed{ color: #F44053; - font-size: 32rpx; + font-size: 36rpx; } .grounp_info{ @@ -88,68 +111,31 @@ image{ background: white; height: 220rpx; margin: 30rpx auto; -} - -.grounp_info2{ - width: 100%; - background: white; - height: 220rpx; - margin: 30rpx auto; -} -.grounp_info2 .row1{ - width: 100%; - height: 33px; - margin: 20px auto; - display: flex; - flex-direction: row; - justify-content:center; -} - -.grounp_info2 .row1 .image{ - margin-top: 14px; - width: 27px; - height: 33px; -} - -.grounp_info2 .row1 .text{ - margin-top: 18px; - width: 90px; - height: 33px; - margin-left: 10px; - color: #999999; - font-size: 18px; -} -.grounp_info2 .row2{ - margin-top: 10px; - width: 100%; - height: 20px; - color: #F44054; - font-size: 16px; - text-align: center; + overflow:hidden; } .grounp_info .status{ width: 100%; - height: 80rpx; - margin: 10rpx auto; + height: 40px; + padding-top: 15px; + } .grounp_info .status .tag{ padding: 5rpx 20rpx; - font-size: 20rpx; + font-size: 24rpx; width:110px; height:36px; border-radius:18px; border-width: 2rpx; border-style: solid; margin-left: 26rpx; - } .grounp_info .status .remark{ width: 300rpx; height: 30rpx; - margin: -45rpx 150rpx auto; + margin: -28px 82px auto; color: #666666; font-size: 26rpx; } @@ -169,8 +155,8 @@ image{ .grounp_info .status .countDownTimeView{ width: 300rpx; - height: 20rpx; - margin: -15rpx 150rpx auto; + height: 24rpx; + margin: -6rpx 150rpx auto; } .grounp_info .status .countDownTimeView .countDownTimeText{ @@ -226,6 +212,44 @@ image{ display: none; } +.grounp_info2{ + width: 100%; + background: white; + height: 220rpx; + margin: 30rpx auto; +} +.grounp_info2 .row1{ + width: 100%; + height: 33px; + margin: 20px auto; + display: flex; + flex-direction: row; + justify-content:center; +} + +.grounp_info2 .row1 .image{ + margin-top: 14px; + width: 27px; + height: 33px; +} + +.grounp_info2 .row1 .text{ + margin-top: 18px; + width: 90px; + height: 33px; + margin-left: 10px; + color: #999999; + font-size: 18px; +} +.grounp_info2 .row2{ + margin-top: 10px; + width: 100%; + height: 20px; + color: #F44054; + font-size: 16px; + text-align: center; +} + .bottom_view{ width:100%; height: 50px; @@ -246,21 +270,19 @@ image{ .bottom_view .two_content{ width:100%; line-height: 50px; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; + float: left; } .bottom_view .two_content .left{ width: 35%; line-height: 50px; - font-size: 16px; + font-size: 23px; color: #F44054; font-weight: bold; margin-left: 0px; background-color: white; text-align: center; + float: left; } .bottom_view .two_content .right{ width: 65%; @@ -271,4 +293,5 @@ image{ margin-right: 0px; background:#F36619; text-align: center; + float: left; } \ No newline at end of file