| @@ -1,5 +1,6 @@ | |||||
| { | { | ||||
| "pages": [ | "pages": [ | ||||
| "pages/spellDetail/index", | |||||
| "pages/index/index", | "pages/index/index", | ||||
| "pages/spellGroup/mySpellGroup/index", | "pages/spellGroup/mySpellGroup/index", | ||||
| "pages/spellGroup/spellGroup", | "pages/spellGroup/spellGroup", | ||||
| @@ -49,8 +50,7 @@ | |||||
| "pages/paySuccess/paySuccess", | "pages/paySuccess/paySuccess", | ||||
| "pages/ConsumeDetail/ConsumeDetail", | "pages/ConsumeDetail/ConsumeDetail", | ||||
| "pages/externallinks/index", | "pages/externallinks/index", | ||||
| "pages/czdetail/czdetail", | |||||
| "pages/spellDetail/index" | |||||
| "pages/czdetail/czdetail" | |||||
| ], | ], | ||||
| "navigateToMiniProgramAppIdList": [ | "navigateToMiniProgramAppIdList": [ | ||||
| "wx192b7d2e8dcbefd0", | "wx192b7d2e8dcbefd0", | ||||
| @@ -1,11 +1,16 @@ | |||||
| // pages/spellDetail/index.js | // pages/spellDetail/index.js | ||||
| var config = require("../../config/config.js"); | |||||
| const Http = require("../../utils/HttpBasics"); | |||||
| const imgurl = require("../../utils/imgurl"); | |||||
| Page({ | Page({ | ||||
| /** | /** | ||||
| * 页面的初始数据 | * 页面的初始数据 | ||||
| */ | */ | ||||
| data: { | data: { | ||||
| tuanzhang: imgurl.tuanzhang.url, | |||||
| spellBg: imgurl.spellBg.url, | |||||
| position: imgurl.position.url, | |||||
| }, | }, | ||||
| /** | /** | ||||
| @@ -1,4 +1,5 @@ | |||||
| { | { | ||||
| "navigationBarTitleText": "拼团详情", | "navigationBarTitleText": "拼团详情", | ||||
| "usingComponents": {} | |||||
| "usingComponents": {}, | |||||
| "navigationBarBackgroundColor": "#F13C42" | |||||
| } | } | ||||
| @@ -1,2 +1,61 @@ | |||||
| <!--pages/spellDetail/index.wxml--> | <!--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 => { | .then(res => { | ||||
| wx.navigateTo({ | |||||
| url: `/pages/spellDetail/index?orderId=${orderId}&couponId=${_this.data.data.couponId}` | |||||
| }); | |||||
| }) | }) | ||||
| .catch(err => { | .catch(err => { | ||||
| console.log(err); | console.log(err); | ||||
| }) | }) | ||||
| // return; | // return; | ||||
| // wx.navigateTo({ | |||||
| // url: `/pages/spellDetail/index?orderId=${orderId}&couponId=${_this.data.data.couponId}` | |||||
| // }); | |||||
| }, | }, | ||||
| /** | /** | ||||
| * 支付订单更新 | * 支付订单更新 | ||||
| @@ -170,9 +169,11 @@ Page({ | |||||
| }) | }) | ||||
| .catch(err => { | .catch(err => { | ||||
| console.log(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', | 'url': baseUrl + 'spell-bg.png', | ||||
| 'name': '拼团背景图片' | 'name': '拼团背景图片' | ||||
| }, | }, | ||||
| 'spellDetailBg': { | |||||
| 'url': baseUrl + 'spelldetail-bg.png', | |||||
| 'name': '拼团背景图片' | |||||
| }, | |||||
| 'tuanzhang': { | |||||
| 'url': baseUrl + 'tuanzhang.png', | |||||
| 'name': '团长' | |||||
| }, | |||||
| 'position': { | |||||
| 'url': baseUrl + 'position.png', | |||||
| 'name': '地理位置图标' | |||||
| }, | |||||
| } | } | ||||