浏览代码

新增拼团详情页

tags/富茂链客4.1.0
刘晖 6 年前
父节点
当前提交
5efdf61387
共有 8 个文件被更改,包括 413 次插入3 次删除
  1. +1
    -0
      app.json
  2. +5
    -1
      config/config.js
  3. +113
    -0
      pages/spellGroup/mySpellGroup/index.js
  4. +5
    -0
      pages/spellGroup/mySpellGroup/index.json
  5. +49
    -0
      pages/spellGroup/mySpellGroup/index.wxml
  6. +238
    -0
      pages/spellGroup/mySpellGroup/index.wxss
  7. +1
    -1
      pages/spellGroup/spellGroup.js
  8. +1
    -1
      pages/spellGroup/spellGroup.wxml

+ 1
- 0
app.json 查看文件

@@ -1,6 +1,7 @@
{
"pages": [
"pages/index/index",
"pages/spellGroup/mySpellGroup/index",
"pages/spellGroup/spellGroup",
"pages/complete/index",
"pages/main/index",


+ 5
- 1
config/config.js 查看文件

@@ -231,7 +231,11 @@ var config = {
/**
* 获取我的拼团列表
*/
getMySepllList:'/orderGroup/queryOrderGroup'
getMySepllList:'/orderGroup/queryOrderGroup',
/**
*查询差1个的团购信息
*/
queryRemainOne:'/orderGroup/queryRemainOne'
},
weapp: {
AppId: weappId


+ 113
- 0
pages/spellGroup/mySpellGroup/index.js 查看文件

@@ -0,0 +1,113 @@
// pages/spellGroup/mySpellGroup/index.js
var config = require("../../../config/config.js");
const Http = require("../../../utils/HttpBasics");
const imgurl = require("../../../utils/imgurl");
Page({

/**
* 页面的初始数据
*/
data: {
couponChannelId:'',
couponId:'',
detailData:[],
spellData:null
},

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
couponChannelId: options.couponChannelId,
couponId: options.couponId
})
this.getDetail(options.couponChannelId);
this.getOneSpell(options.couponId)
},
/**
* 获取一个拼团信息
*/
getOneSpell(couponId){
let that = this;
Http.get({
url: config.api.queryRemainOne,
data: {
couponId: couponId
}
}).then(res => {
if(res.data){
that.setData({
spellData: res.data
});
}
});
},
/**
* 获取券详情信息
*/
getDetail(couponChannelId){
let that = this;
Http.get({
url: config.api.couponDetail,
data: {
couponChannelId: couponChannelId
}
}).then(res => {
let data = res.data;
data.price = (data.price / 100).toFixed(2)
data.salePrice = (data.salePrice / 100).toFixed(2)
that.setData({
detailData: data
});
});
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {

},

/**
* 生命周期函数--监听页面显示
*/
onShow: function () {

},

/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {

},

/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {

},

/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {

},

/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {

},

/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {

}
})

+ 5
- 0
pages/spellGroup/mySpellGroup/index.json 查看文件

@@ -0,0 +1,5 @@
{
"navigationBarTitleText": "拼团券详情",
"enablePullDownRefresh": true,
"usingComponents": {}
}

+ 49
- 0
pages/spellGroup/mySpellGroup/index.wxml 查看文件

@@ -0,0 +1,49 @@
<view class="content-box">
<view class='content'>
<view class='top-img'>
<image src='{{detailData.coverImg}}'></image>
</view>
<view class='title'>{{detailData.title}}</view>
<view class='text'>
<view class='remark'>{{detailData.subTitle}}</view>
<view class='des'>
<view class='des-peoplenum'>【拼团购】{{detailData.pressLimitNum}}人拼团成功,单价仅需</view>
<view class='des-saleprice'>{{detailData.salePriceStr}}元</view>
</view>
<view class='status'>
<view class='status01 st'>
<image src='https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spell-bg.png'></image>
</view>
<view class='status02 st'>金城武的团还差<view class='r-p-num'>4人</view></view>
<view class='status03 st'>
<view class='hh'>13</view>:
<view class='mm'>24</view>:
<view class='ss'>59</view>
</view>
<view class='status04 st'>
<view class='s-button'>去拼团</view>
</view>
</view>
<view class='p-des'>
<view class='p-title'>商品详情:</view>
<view class='p-list'>{{detailData.remark}}</view>
</view>
<view class='edit'>
<view class='edit-left'>
<view class='edit-left-top'>
<view class='price'>{{detailData.price}}</view>
<view class='price-unit'>元</view>
</view>
<view class='edit-left-bottom'>立即购买</view>
</view>
<view class='edit-right'>
<view class='edit-right-top'>
<view class='real-price'>{{detailData.salePrice}}</view>
<view class='real-price-unit'>元</view>
</view>
<view class='edit-right-bottom'>发起拼团</view>
</view>
</view>
</view>
</view>
</view>

+ 238
- 0
pages/spellGroup/mySpellGroup/index.wxss 查看文件

@@ -0,0 +1,238 @@
/* pages/spellGroup/mySpellGroup/index.wxss */
.top-img{
width: 100%;
height: 533rpx;
z-index: 1;
}
.top-img image{
width: 100%;
height: 533rpx;
}
.content-box{
box-sizing: content-box;
height: auto;
overflow: hidden;
}
.content{
position: relative;
width: 100%;
height: auto;
background: #fff;
overflow: hidden;
padding-bottom: 130rpx;
}
.text{
padding: 0 30rpx;
}
.title{
position: absolute;
top: 503rpx;
background-color: #fff;
z-index: 100;
width: 750rpx;
padding-top: 30rpx;
padding-left: 30rpx;
line-height: 50rpx;
border-radius:20rpx 20rpx 0px 0px;
opacity: 1;
font-size:32rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(51,51,51,1);
box-sizing: border-box;
}
.remark{
margin-top: 48rpx;
font-size:24rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(134,134,134,1);
margin-bottom: 12rpx;
}
.des{
width: 100%;
height: auto;
padding-top: 6rpx;
border-top: 2rpx solid rgb(240, 238, 238);
}
.des-peoplenum{
display: inline;
font-size:24rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(0,0,0,1);
line-height:44rpx;
margin-right: 30rpx;
}
.des-saleprice{
display: inline;
font-size:40rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,53,53,1);
}
.status{
width: 100%;
border-radius: 15rpx;
background:rgba(255,235,229,1);
margin: 30rpx 0;
overflow: hidden;
}
.status01{
float: left;
width: 130rpx;
height: 130rpx;
}
.status01 image{
width: 90rpx;
height: 90rpx;
border-radius: 45rpx;
margin: 20rpx 0 0 20rpx;
}
.status02{
margin-top: 20rpx;
float: left;
width: 140rpx;
font-size:28rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(51,51,51,1);
}
.r-p-num{
display: inline;
color: #FF3535;
}
.status03{
/* width: 160rpx; */
float: left;
padding-left: 80rpx;
color: #F74812;
}
.hh,.mm,.ss{
display: inline-block;
font-size:26rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
height: 38rpx;
width: 38rpx;
background: #F74812;
border-radius:10rpx;
margin: 46rpx 8rpx 0 0;
text-align: center;
line-height: 38rpx;
}
.status04{
float: left;
width: 163rpx;
}
.s-button{
background:#ED3D2E;
width: 120rpx;
height: 48rpx;
font-size:28rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
text-align: center;
line-height: 48rpx;
border-radius: 24rpx;
margin: 40rpx auto 0;
}
.p-title{
font-size:32rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(51,51,51,1);
margin: 10rpx 0 20rpx 0;
}
.p-list{
font-size:24rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(51,51,51,1);
line-height:50rpx;
}
.edit{
position: fixed;
width: 690rpx;
bottom: 20rpx;
left: 30rpx;
}
.edit-left{
float: left;
width: 330rpx;
height: 95rpx;
background:rgba(255,169,2,1);
box-shadow:0px 8rpx 8rpx 1rpx rgba(255,169,2,0.32);
border-radius:48rpx;
}
.edit-right{
float: right;
width: 330rpx;
height: 95rpx;
background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%);
box-shadow:0px 8rpx 8rpx 1rpx rgba(246,93,51,0.32);
border-radius:48rpx;
}
.edit-left-top{
height: 46rpx;
text-align: center;
}
.price{
display: inline;
font-size:32rpx;
line-height: 32rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(254,254,254,1);
margin-top: 6rpx;
}
.price-unit{
display: inline;
font-size:27rpx;
line-height: 27rpx;
margin-top: 11rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(254,254,254,1);
}
.edit-left-bottom{
text-align: center;
font-size:30rpx;
line-height: 40rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(254,254,254,1);
}

.edit-right-top{
height: 46rpx;
text-align: center;
}
.real-price{
display: inline;
font-size:32rpx;
line-height: 32rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(254,254,254,1);
margin-top: 6rpx;
}
.real-price-unit{
display: inline;
font-size:27rpx;
line-height: 27rpx;
margin-top: 11rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(254,254,254,1);
}
.edit-right-bottom{
text-align: center;
font-size:30rpx;
line-height: 40rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(254,254,254,1);
}

+ 1
- 1
pages/spellGroup/spellGroup.js 查看文件

@@ -260,7 +260,7 @@ Page({
let couponId = e.currentTarget.dataset.couponid;
if (couponChannelId && couponId) {
wx.navigateTo({
url: `/pages/coupon/detail/index?couponChannelId=${couponChannelId}&couponId=${couponId}`
url: `/pages/spellGroup/mySpellGroup/index?couponChannelId=${couponChannelId}&couponId=${couponId}`
})
}
},


+ 1
- 1
pages/spellGroup/spellGroup.wxml 查看文件

@@ -5,7 +5,7 @@
</view>
</view>
<view class='content'>
<view class='sepll-list' wx:for="{{lists}}" wx:key="{{index}}">
<view class='sepll-list' wx:for="{{lists}}" wx:key="{{index}}" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'>
<view class='spell-left'>
<image src='{{item.coverImg}}'></image>
</view>


正在加载...
取消
保存