@@ -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': '地理位置图标' | |||||
}, | |||||
} | } |