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