Browse Source

新增拼团详情页面

tags/富茂链客4.1.0
刘晖 6 years ago
parent
commit
e36cc142cf
7 changed files with 272 additions and 13 deletions
  1. +2
    -2
      app.json
  2. +6
    -1
      pages/spellDetail/index.js
  3. +2
    -1
      pages/spellDetail/index.json
  4. +60
    -1
      pages/spellDetail/index.wxml
  5. +182
    -1
      pages/spellDetail/index.wxss
  6. +8
    -7
      pages/spellGroup/mySpellGroup/index.js
  7. +12
    -0
      utils/imgurl.js

+ 2
- 2
app.json View File

@@ -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",


+ 6
- 1
pages/spellDetail/index.js View File

@@ -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,
}, },


/** /**


+ 2
- 1
pages/spellDetail/index.json View File

@@ -1,4 +1,5 @@
{ {
"navigationBarTitleText": "拼团详情", "navigationBarTitleText": "拼团详情",
"usingComponents": {}
"usingComponents": {},
"navigationBarBackgroundColor": "#F13C42"
} }

+ 60
- 1
pages/spellDetail/index.wxml View File

@@ -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>

+ 182
- 1
pages/spellDetail/index.wxss View File

@@ -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;
}

+ 8
- 7
pages/spellGroup/mySpellGroup/index.js View File

@@ -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)
}
}) })
}, },
/** /**


+ 12
- 0
utils/imgurl.js View File

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

Loading…
Cancel
Save