| @@ -1,5 +1,6 @@ | |||
| { | |||
| "pages": [ | |||
| "pages/spellDetail/index", | |||
| "pages/index/index", | |||
| "pages/spellGroup/mySpellGroup/index", | |||
| "pages/spellGroup/spellGroup", | |||
| @@ -49,8 +50,7 @@ | |||
| "pages/paySuccess/paySuccess", | |||
| "pages/ConsumeDetail/ConsumeDetail", | |||
| "pages/externallinks/index", | |||
| "pages/czdetail/czdetail", | |||
| "pages/spellDetail/index" | |||
| "pages/czdetail/czdetail" | |||
| ], | |||
| "navigateToMiniProgramAppIdList": [ | |||
| "wx192b7d2e8dcbefd0", | |||
| @@ -1,11 +1,16 @@ | |||
| // pages/spellDetail/index.js | |||
| var config = require("../../config/config.js"); | |||
| const Http = require("../../utils/HttpBasics"); | |||
| const imgurl = require("../../utils/imgurl"); | |||
| Page({ | |||
| /** | |||
| * 页面的初始数据 | |||
| */ | |||
| data: { | |||
| tuanzhang: imgurl.tuanzhang.url, | |||
| spellBg: imgurl.spellBg.url, | |||
| position: imgurl.position.url, | |||
| }, | |||
| /** | |||
| @@ -1,4 +1,5 @@ | |||
| { | |||
| "navigationBarTitleText": "拼团详情", | |||
| "usingComponents": {} | |||
| "usingComponents": {}, | |||
| "navigationBarBackgroundColor": "#F13C42" | |||
| } | |||
| @@ -1,2 +1,61 @@ | |||
| <!--pages/spellDetail/index.wxml--> | |||
| <text>pages/spellDetail/index.wxml</text> | |||
| <view class='container'> | |||
| <view class='status'> | |||
| <view class='status-top'> | |||
| <view class='p-status'>拼团中</view> | |||
| <view class='p-text'>结束</view> | |||
| <view class='p-time'>09</view> | |||
| <view class='p-mao'>:</view> | |||
| <view class='p-time'>59</view> | |||
| <view class='p-mao'>:</view> | |||
| <view class='p-time'>23</view> | |||
| <view class='p-text'>剩余</view> | |||
| </view> | |||
| <view class='status-center'> | |||
| <view class='status-lists'> | |||
| <view class='tuanzhang touxiangitems'> | |||
| <view class='touxiang'> | |||
| <image src='{{spellBg}}'></image> | |||
| </view> | |||
| <view class='tuan-icon'> | |||
| <image src='{{tuanzhang}}'></image> | |||
| </view> | |||
| </view> | |||
| <view class='tuanzhang touxiangitems'> | |||
| <view class='touxiang'> | |||
| <image src='{{spellBg}}'></image> | |||
| </view> | |||
| </view> | |||
| <view class='tuanzhang touxiangitems'> | |||
| <view class='no-touxiang'> | |||
| ? | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class='status-bottom'> | |||
| <view class='position-icon'> | |||
| <image src='{{position}}'></image> | |||
| </view> | |||
| <view class='position'>广场地址:北京市朝阳区东三环中路123号</view> | |||
| </view> | |||
| </view> | |||
| <view class='detail'> | |||
| <view class='detail-top'> | |||
| <view class='detail-top01'> | |||
| <image src='{{spellBg}}'></image> | |||
| </view> | |||
| <view class='detail-top02'> | |||
| <view class='title'>100元拼团券</view> | |||
| <view class='des'>是打发士大夫撒旦</view> | |||
| </view> | |||
| <view class='detail-top03'> | |||
| <view class='detail-p-name'>拼团价</view> | |||
| <view class='detail-p-price'>19.00元</view> | |||
| </view> | |||
| </view> | |||
| <view class='detail-bottom'></view> | |||
| </view> | |||
| <view class='order'></view> | |||
| <view class='edit'></view> | |||
| </view> | |||
| @@ -1 +1,182 @@ | |||
| /* pages/spellDetail/index.wxss */ | |||
| /* pages/spellDetail/index.wxss */ | |||
| page { | |||
| height: auto; | |||
| overflow: auto; | |||
| background: #f89132; | |||
| background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png'); | |||
| background-size: cover; | |||
| background-repeat: no-repeat; | |||
| } | |||
| .status{ | |||
| width: 690rpx; | |||
| padding:0 28rpx; | |||
| margin: 0 auto; | |||
| box-sizing: border-box; | |||
| background:rgba(255,255,255,1); | |||
| border-radius:15rpx; | |||
| } | |||
| .status-top{ | |||
| width: 100%; | |||
| height: 75rpx; | |||
| box-sizing: border-box; | |||
| border-bottom: 1rpx solid #F9F9F9; | |||
| /* overflow: hidden; */ | |||
| } | |||
| .p-status{ | |||
| float: left; | |||
| width: 260rpx; | |||
| font-size:32rpx; | |||
| font-family:PingFang-SC-Bold; | |||
| font-weight:bold; | |||
| color:rgba(243,69,58,1); | |||
| line-height: 75rpx; | |||
| } | |||
| .p-time{ | |||
| float: right; | |||
| font-size:26rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(243,69,58,1); | |||
| width: 38rpx; | |||
| height: 30rpx; | |||
| margin-top: 22rpx; | |||
| background:rgba(252,220,221,1); | |||
| border-radius:10rpx; | |||
| line-height: 30rpx; | |||
| text-align: center; | |||
| margin: 22rpx 6rpx; | |||
| } | |||
| .p-mao{ | |||
| float: right; | |||
| font-size:26rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(243,69,58,1); | |||
| line-height: 75rpx; | |||
| } | |||
| .p-text{ | |||
| float: right; | |||
| font-size:26rpx; | |||
| font-family:PingFang-SC-Regular; | |||
| font-weight:400; | |||
| color:rgba(51,51,51,1); | |||
| line-height:75rpx; | |||
| } | |||
| .status-center{ | |||
| width: 100%; | |||
| overflow: hidden; | |||
| padding: 20rpx 0; | |||
| text-align: center; | |||
| border-bottom: 1rpx solid #F9F9F9; | |||
| } | |||
| .tuanzhang{ | |||
| display: inline-block; | |||
| width: 80rpx; | |||
| height: 80rpx; | |||
| position: relative; | |||
| } | |||
| .touxiangitems{ | |||
| margin: 20rpx; | |||
| } | |||
| .touxiang{ | |||
| width: 80rpx; | |||
| height: 80rpx; | |||
| border-radius: 40rpx; | |||
| overflow: hidden; | |||
| } | |||
| .no-touxiang{ | |||
| width: 80rpx; | |||
| height: 80rpx; | |||
| overflow: hidden; | |||
| background:rgba(252,220,221,1); | |||
| border:1rpx solid rgba(243,69,58,1); | |||
| border-radius:50%; | |||
| box-sizing: border-box; | |||
| line-height: 78rpx; | |||
| text-align: center; | |||
| font-size:32rpx; | |||
| font-family:PingFang-SC-Regular; | |||
| font-weight:400; | |||
| color:rgba(243,69,58,1); | |||
| } | |||
| .touxiang image{ | |||
| width: 80rpx; | |||
| height: 80rpx; | |||
| } | |||
| .tuan-icon{ | |||
| position: absolute; | |||
| bottom: 20rpx; | |||
| left: 8rpx; | |||
| width: 64rpx; | |||
| height: 27rpx; | |||
| } | |||
| .tuan-icon image{ | |||
| width: 64rpx; | |||
| height: 27rpx; | |||
| } | |||
| .status-bottom{ | |||
| width: 100%; | |||
| height: 72rpx; | |||
| overflow: hidden; | |||
| } | |||
| .position-icon{ | |||
| width: 38rpx; | |||
| float: left; | |||
| } | |||
| .position-icon image{ | |||
| width: 27rpx; | |||
| height: 37rpx; | |||
| margin-top: 17rpx; | |||
| } | |||
| .position{ | |||
| font-size:28rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(51,51,51,1); | |||
| line-height: 72rpx; | |||
| } | |||
| .detail{ | |||
| width: 690rpx; | |||
| padding:0 28rpx; | |||
| margin: 30rpx auto 0; | |||
| box-sizing: border-box; | |||
| background:rgba(255,255,255,1); | |||
| border-radius:15rpx; | |||
| } | |||
| .detail-top{ | |||
| width: 100%; | |||
| height: auto; | |||
| overflow: hidden; | |||
| } | |||
| .detail-top01{ | |||
| float: left; | |||
| width: 180rpx; | |||
| } | |||
| .detail-top01 image{ | |||
| width: 180rpx; | |||
| height: 180rpx; | |||
| margin-top: 33rpx; | |||
| } | |||
| .detail-top02{ | |||
| width: 208rpx; | |||
| float: left; | |||
| margin-left: 16rpx; | |||
| } | |||
| .title{ | |||
| font-size:30rpx; | |||
| font-family:PingFang-SC-Bold; | |||
| font-weight:bold; | |||
| color:rgba(51,51,51,1); | |||
| line-height:44rpx; | |||
| margin-top: 30rpx; | |||
| } | |||
| .des{ | |||
| font-size:26rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(134,134,134,1); | |||
| line-height:40rpx; | |||
| } | |||
| .detail-top03{ | |||
| float: left; | |||
| } | |||
| @@ -139,15 +139,14 @@ Page({ | |||
| } | |||
| }) | |||
| .then(res => { | |||
| wx.navigateTo({ | |||
| url: `/pages/spellDetail/index?orderId=${orderId}&couponId=${_this.data.data.couponId}` | |||
| }); | |||
| }) | |||
| .catch(err => { | |||
| console.log(err); | |||
| }) | |||
| // return; | |||
| // wx.navigateTo({ | |||
| // url: `/pages/spellDetail/index?orderId=${orderId}&couponId=${_this.data.data.couponId}` | |||
| // }); | |||
| }, | |||
| /** | |||
| * 支付订单更新 | |||
| @@ -170,9 +169,11 @@ Page({ | |||
| }) | |||
| .catch(err => { | |||
| console.log(err); | |||
| setTimeout(function () { | |||
| _this.payOrderUpdate(orderId, payOrderId, status, reason, _this, orderGroupId); | |||
| }, 2000) | |||
| if (err.code!=12002){ | |||
| setTimeout(function () { | |||
| _this.payOrderUpdate(orderId, payOrderId, status, reason, _this, orderGroupId); | |||
| }, 2000) | |||
| } | |||
| }) | |||
| }, | |||
| /** | |||
| @@ -364,4 +364,16 @@ module.exports = { | |||
| 'url': baseUrl + 'spell-bg.png', | |||
| 'name': '拼团背景图片' | |||
| }, | |||
| 'spellDetailBg': { | |||
| 'url': baseUrl + 'spelldetail-bg.png', | |||
| 'name': '拼团背景图片' | |||
| }, | |||
| 'tuanzhang': { | |||
| 'url': baseUrl + 'tuanzhang.png', | |||
| 'name': '团长' | |||
| }, | |||
| 'position': { | |||
| 'url': baseUrl + 'position.png', | |||
| 'name': '地理位置图标' | |||
| }, | |||
| } | |||