@@ -9,12 +9,10 @@ Page({ | |||||
* 页面的初始数据 | * 页面的初始数据 | ||||
*/ | */ | ||||
data: { | data: { | ||||
cancelH: imgurl.cancelH.url, | |||||
bannerUrl: imgurl.banner.url, | bannerUrl: imgurl.banner.url, | ||||
wmhome: imgurl.wmhome.url, | wmhome: imgurl.wmhome.url, | ||||
wmhelp: imgurl.wmhelp.url, | wmhelp: imgurl.wmhelp.url, | ||||
wmsuccess01: imgurl.wmsuccess01.url, | wmsuccess01: imgurl.wmsuccess01.url, | ||||
successHr: imgurl.successHr.url, | |||||
fail: imgurl.fail.url, | fail: imgurl.fail.url, | ||||
data: null, | data: null, | ||||
from: null, | from: null, | ||||
@@ -32,7 +30,7 @@ Page({ | |||||
/** | /** | ||||
* 生命周期函数--监听页面加载 | * 生命周期函数--监听页面加载 | ||||
*/ | */ | ||||
onLoad: function(options) { | |||||
onLoad: function (options) { | |||||
let that = this; | let that = this; | ||||
if (options.orderId || options.orderId && options.from == 'discount') { | if (options.orderId || options.orderId && options.from == 'discount') { | ||||
if (options.from) { | if (options.from) { | ||||
@@ -50,13 +48,13 @@ Page({ | |||||
} | } | ||||
this.getUserInfo() | this.getUserInfo() | ||||
}, | }, | ||||
getUserInfo: function() { | |||||
getUserInfo: function () { | |||||
let that = this; | let that = this; | ||||
// 获取用户信息 | // 获取用户信息 | ||||
Http.get({ | Http.get({ | ||||
url: config.api.getScore, | |||||
data: {} | |||||
}) | |||||
url: config.api.getScore, | |||||
data: {} | |||||
}) | |||||
.then(res => { | .then(res => { | ||||
console.log(res) | console.log(res) | ||||
that.setData({ | that.setData({ | ||||
@@ -65,7 +63,7 @@ Page({ | |||||
}) | }) | ||||
}) | }) | ||||
}, | }, | ||||
onShow: function() { | |||||
onShow: function () { | |||||
let that = this; | let that = this; | ||||
var todayDate = new Date().getTime(); | var todayDate = new Date().getTime(); | ||||
that.setData({ | that.setData({ | ||||
@@ -76,7 +74,7 @@ Page({ | |||||
that.countdown(that.data.pressEndDate) | that.countdown(that.data.pressEndDate) | ||||
} | } | ||||
}, | }, | ||||
goback: function() { | |||||
goback: function () { | |||||
wx.switchTab({ | wx.switchTab({ | ||||
url: '/pages/main/index', | url: '/pages/main/index', | ||||
}) | }) | ||||
@@ -84,7 +82,7 @@ Page({ | |||||
/** | /** | ||||
* 更多砍价商品 | * 更多砍价商品 | ||||
*/ | */ | ||||
gotomore: function() { | |||||
gotomore: function () { | |||||
wx.navigateTo({ | wx.navigateTo({ | ||||
url: '/pages/bargain/bargain', | url: '/pages/bargain/bargain', | ||||
}) | }) | ||||
@@ -92,14 +90,14 @@ Page({ | |||||
/** | /** | ||||
* @param {砍价状态(1:我发起的砍价,2:未参与的砍价, 3:已参与的砍价)} orderId | * @param {砍价状态(1:我发起的砍价,2:未参与的砍价, 3:已参与的砍价)} orderId | ||||
*/ | */ | ||||
getPressOrderStatus: function(orderId) { | |||||
getPressOrderStatus: function (orderId) { | |||||
let that = this; | let that = this; | ||||
Http.get({ | Http.get({ | ||||
url: config.api.getPressOrderStatus, | |||||
data: { | |||||
orderId: orderId | |||||
} | |||||
}) | |||||
url: config.api.getPressOrderStatus, | |||||
data: { | |||||
orderId: orderId | |||||
} | |||||
}) | |||||
.then(res => { | .then(res => { | ||||
if (res.data.status == 1) { | if (res.data.status == 1) { | ||||
that.setData({ | that.setData({ | ||||
@@ -125,19 +123,19 @@ Page({ | |||||
}) | }) | ||||
}) | }) | ||||
}, | }, | ||||
helpDiscount: function() { | |||||
helpDiscount: function () { | |||||
let that = this; | let that = this; | ||||
that.pressOrderJoin(that.data.orderId); | that.pressOrderJoin(that.data.orderId); | ||||
}, | }, | ||||
//参与砍价 | //参与砍价 | ||||
pressOrderJoin: function(orderId) { | |||||
pressOrderJoin: function (orderId) { | |||||
let that = this; | let that = this; | ||||
Http.post({ | Http.post({ | ||||
url: config.api.pressOrderJoin, | |||||
data: { | |||||
orderId: orderId | |||||
} | |||||
}) | |||||
url: config.api.pressOrderJoin, | |||||
data: { | |||||
orderId: orderId | |||||
} | |||||
}) | |||||
.then(res => { | .then(res => { | ||||
console.log(res); | console.log(res); | ||||
// id 是订单号 | // id 是订单号 | ||||
@@ -153,14 +151,14 @@ Page({ | |||||
}) | }) | ||||
}, | }, | ||||
// 订单详情 | // 订单详情 | ||||
pressOrderDetail: function(orderId) { | |||||
pressOrderDetail: function (orderId) { | |||||
let that = this; | let that = this; | ||||
Http.get({ | Http.get({ | ||||
url: config.api.pressOrderDetail, | |||||
data: { | |||||
orderId: orderId | |||||
} | |||||
}) | |||||
url: config.api.pressOrderDetail, | |||||
data: { | |||||
orderId: orderId | |||||
} | |||||
}) | |||||
.then(res => { | .then(res => { | ||||
console.log(res); | console.log(res); | ||||
res.data.orderPressList.map(file => { | res.data.orderPressList.map(file => { | ||||
@@ -219,10 +217,10 @@ Page({ | |||||
} | } | ||||
total_micro_second -= 1000; | total_micro_second -= 1000; | ||||
}, | }, | ||||
countdown: function(end_time) { | |||||
countdown: function (end_time) { | |||||
let that = this; | let that = this; | ||||
that.setIntervalTime(end_time); | that.setIntervalTime(end_time); | ||||
that.data.setInterval = setInterval(function() { | |||||
that.data.setInterval = setInterval(function () { | |||||
that.setIntervalTime(end_time); | that.setIntervalTime(end_time); | ||||
}, 1000) | }, 1000) | ||||
}, | }, | ||||
@@ -254,14 +252,14 @@ Page({ | |||||
console.log(_this) | console.log(_this) | ||||
// 支付成功 | // 支付成功 | ||||
Http.post({ | Http.post({ | ||||
url: config.api.payOrderUpdate, | |||||
data: { | |||||
payOrderId: payOrderId, | |||||
orderId: orderId, | |||||
status: status, | |||||
reason: reason | |||||
} | |||||
}) | |||||
url: config.api.payOrderUpdate, | |||||
data: { | |||||
payOrderId: payOrderId, | |||||
orderId: orderId, | |||||
status: status, | |||||
reason: reason | |||||
} | |||||
}) | |||||
.then(res => { | .then(res => { | ||||
wx.hideLoading(); | wx.hideLoading(); | ||||
_this.setData({ | _this.setData({ | ||||
@@ -285,7 +283,7 @@ Page({ | |||||
.catch(err => { | .catch(err => { | ||||
console.log(err); | console.log(err); | ||||
if (!type) { | if (!type) { | ||||
setTimeout(function() { | |||||
setTimeout(function () { | |||||
_this.payOrderUpdate(orderId, payOrderId, status, reason, type, _this); | _this.payOrderUpdate(orderId, payOrderId, status, reason, type, _this); | ||||
}, 2000) | }, 2000) | ||||
} | } | ||||
@@ -523,14 +521,14 @@ Page({ | |||||
showButton1: true | showButton1: true | ||||
}) | }) | ||||
Http.get({ | Http.get({ | ||||
url: config.api.checkPhoneStatus, | |||||
data: {} | |||||
}) | |||||
url: config.api.checkPhoneStatus, | |||||
data: {} | |||||
}) | |||||
.then(res => { | .then(res => { | ||||
that.setData({ | that.setData({ | ||||
showButton1: false | showButton1: false | ||||
}) | }) | ||||
if (typeof(res) != "undefined") { | |||||
if (typeof (res) != "undefined") { | |||||
let orderId = "" + e.currentTarget.dataset.orderid; | let orderId = "" + e.currentTarget.dataset.orderid; | ||||
that.setData({ | that.setData({ | ||||
orderId: orderId | orderId: orderId | ||||
@@ -540,11 +538,11 @@ Page({ | |||||
* 支付订单创建 | * 支付订单创建 | ||||
*/ | */ | ||||
Http.post({ | Http.post({ | ||||
url: config.api.payOrderCreate, | |||||
data: { | |||||
orderId: orderId | |||||
} | |||||
}) | |||||
url: config.api.payOrderCreate, | |||||
data: { | |||||
orderId: orderId | |||||
} | |||||
}) | |||||
.then(res => { | .then(res => { | ||||
var payOrderId = "" + res.data.payOrderId; | var payOrderId = "" + res.data.payOrderId; | ||||
wx.hideLoading(); | wx.hideLoading(); | ||||
@@ -558,12 +556,12 @@ Page({ | |||||
wx.showLoading({ | wx.showLoading({ | ||||
title: '订单正在处理中...', | title: '订单正在处理中...', | ||||
}) | }) | ||||
setTimeout(function() { | |||||
setTimeout(function () { | |||||
wx.hideLoading() | wx.hideLoading() | ||||
}, 5000) | }, 5000) | ||||
that.payOrderUpdate(that.data.orderId, payOrderId, 1, '', '', that); | that.payOrderUpdate(that.data.orderId, payOrderId, 1, '', '', that); | ||||
if (res.errMsg == "requestPayment:ok") { | if (res.errMsg == "requestPayment:ok") { | ||||
setTimeout(function() { | |||||
setTimeout(function () { | |||||
wx.hideLoading(); | wx.hideLoading(); | ||||
}, 2000); | }, 2000); | ||||
/** | /** | ||||
@@ -592,7 +590,7 @@ Page({ | |||||
}) | }) | ||||
return; | return; | ||||
}, | }, | ||||
complete: res => {} | |||||
complete: res => { } | |||||
}); | }); | ||||
/// End payment -------- | /// End payment -------- | ||||
}) | }) | ||||
@@ -696,7 +694,7 @@ Page({ | |||||
} | } | ||||
} | } | ||||
}) | }) | ||||
}else if (err.code == 11005) { | |||||
} else if (err.code == 11005) { | |||||
/** | /** | ||||
* 将值传到用户手机号授权的页面 | * 将值传到用户手机号授权的页面 | ||||
* | * | ||||
@@ -725,11 +723,11 @@ Page({ | |||||
} | } | ||||
}) | }) | ||||
}, | }, | ||||
onUnload: function() { | |||||
onUnload: function () { | |||||
let that = this; | let that = this; | ||||
clearInterval(that.data.setInterval) | clearInterval(that.data.setInterval) | ||||
}, | }, | ||||
onHide: function() { | |||||
onHide: function () { | |||||
let that = this; | let that = this; | ||||
clearInterval(that.data.setInterval) | clearInterval(that.data.setInterval) | ||||
}, | }, | ||||
@@ -737,7 +735,7 @@ Page({ | |||||
* | * | ||||
* @param {朋友邀请砍价} e | * @param {朋友邀请砍价} e | ||||
*/ | */ | ||||
barginAgain: function(e) { | |||||
barginAgain: function (e) { | |||||
let that = this; | let that = this; | ||||
let couponChannelId = e.currentTarget.dataset.couponchannelid; | let couponChannelId = e.currentTarget.dataset.couponchannelid; | ||||
let couponId = e.currentTarget.dataset.couponid; | let couponId = e.currentTarget.dataset.couponid; | ||||
@@ -748,23 +746,23 @@ Page({ | |||||
/** | /** | ||||
* 刷新 | * 刷新 | ||||
*/ | */ | ||||
onPullDownRefresh: function(e) { | |||||
onPullDownRefresh: function (e) { | |||||
let that = this; | let that = this; | ||||
console.log(app.globalData.wmorder); | console.log(app.globalData.wmorder); | ||||
if (app.globalData.wmorder) { | if (app.globalData.wmorder) { | ||||
that.pressOrderDetail(app.globalData.wmorder); | that.pressOrderDetail(app.globalData.wmorder); | ||||
} | } | ||||
}, | }, | ||||
onShareAppMessage: function(options) { | |||||
onShareAppMessage: function (options) { | |||||
var that = this; | var that = this; | ||||
var shareObj = { | var shareObj = { | ||||
title: that.data.nickName + '邀请您帮砍' + that.data.data.title, | title: that.data.nickName + '邀请您帮砍' + that.data.data.title, | ||||
path: `/pages/index/index?orderId=${that.data.data.id}&from=${"discount"}`, | path: `/pages/index/index?orderId=${that.data.data.id}&from=${"discount"}`, | ||||
success: function(res) { | |||||
if (res.errMsg == 'shareAppMessage:ok') {} | |||||
success: function (res) { | |||||
if (res.errMsg == 'shareAppMessage:ok') { } | |||||
}, | }, | ||||
fail: function(error) { | |||||
if (res.errMsg == 'shareAppMessage:fail cancel') {} else if (res.errMsg == 'shareAppMessage:fail') {} | |||||
fail: function (error) { | |||||
if (res.errMsg == 'shareAppMessage:fail cancel') { } else if (res.errMsg == 'shareAppMessage:fail') { } | |||||
} | } | ||||
}; | }; | ||||
// 来自页面内的按钮的转发 | // 来自页面内的按钮的转发 | ||||
@@ -806,7 +804,7 @@ function diffTime(startDate) { | |||||
} | } | ||||
function compare(property) { | function compare(property) { | ||||
return function(a, b) { | |||||
return function (a, b) { | |||||
var value1 = a[property]; | var value1 = a[property]; | ||||
var value2 = b[property]; | var value2 = b[property]; | ||||
return value2 - value1; | return value2 - value1; | ||||
@@ -3,4 +3,4 @@ | |||||
"navigationBarBackgroundColor":"#F4F5F9", | "navigationBarBackgroundColor":"#F4F5F9", | ||||
"navigationBarTextStyle": "black", | "navigationBarTextStyle": "black", | ||||
"enablePullDownRefresh": true | "enablePullDownRefresh": true | ||||
} | |||||
} |
@@ -1,27 +1,23 @@ | |||||
<!-- <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> --> | |||||
<button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> | |||||
<view class="bargainDetail" hover-class="none" hover-stop-propagation="false" wx:if="{{showPage}}"> | <view class="bargainDetail" hover-class="none" hover-stop-propagation="false" wx:if="{{showPage}}"> | ||||
<view class='cancleH'> | |||||
<image src='{{cancelH}}' mode='aspectFit'></image> | |||||
<!-- <view class='line'></view> --> | |||||
</view> | |||||
<view class="listitem clearfix" hover-class="none" hover-stop-propagation="false"> | <view class="listitem clearfix" hover-class="none" hover-stop-propagation="false"> | ||||
<view class='top'> | |||||
<image src="{{data.coverImg}}" lazy-load="true" binderror="" bindload="" mode='aspectFill'></image> | |||||
<image class="fl" src="{{data.coverImg}}" lazy-load="true" binderror="" bindload="" mode='aspectFill'></image> | |||||
<view class="fl ri" hover-class="none" hover-stop-propagation="false"> | <view class="fl ri" hover-class="none" hover-stop-propagation="false"> | ||||
<text class="txt01">{{data.title}}</text> | <text class="txt01">{{data.title}}</text> | ||||
<!-- <text class="txt02">{{data.subTitle}}</text> --> | |||||
<!-- <text class="txt03">{{data.price/100}}元</text> --> | |||||
<text class="txt02">{{data.subTitle}}</text> | |||||
<text class="txt03">{{data.price/100}}元</text> | |||||
<text class="txt04">可砍至<text class="money">{{data.salePrice/100}}</text>元</text> | <text class="txt04">可砍至<text class="money">{{data.salePrice/100}}</text>元</text> | ||||
</view> | </view> | ||||
</view> | |||||
<view class="progress" hover-class="none" hover-stop-propagation="false"> | |||||
</view> | |||||
<view class="progress" hover-class="none" hover-stop-propagation="false"> | |||||
<view class="clearfix progesstext" wx:if="{{data.orderStatus !=8&&data.orderStatus!=1&&data.orderStatus!=9}}" hover-class="none" hover-stop-propagation="false"> | <view class="clearfix progesstext" wx:if="{{data.orderStatus !=8&&data.orderStatus!=1&&data.orderStatus!=9}}" hover-class="none" hover-stop-propagation="false"> | ||||
<text class="fl">已砍 <text>{{already}}元</text></text> | |||||
<text class="fr" wx:if="{{data.pressCurrentValue/100!=0}}">还剩 <text>{{remain}}元</text></text> | |||||
<text class="fl">已砍 <text>{{already}}元</text></text> | |||||
<text class="fr" wx:if="{{data.pressCurrentValue/100!=0}}">还剩 <text>{{remain}}元</text></text> | |||||
</view> | </view> | ||||
<progress percent="{{((data.price-data.salePrice-data.pressCurrentValue)/(data.price-data.salePrice))*100}}" wx:if="{{data.orderStatus !=8&&data.orderStatus!=1&&data.orderStatus!=9}}" color="#FFB287" class="progressbar"border-radius="10px" backgroundColor="#FFF" stroke-width="10" /> | |||||
<view class="time" hover-class="none" wx:if="{{data.orderStatus !=8&&data.orderStatus!=1&&data.orderStatus!=9&&data.orderStatus != 7}}" hover-stop-propagation="false">还剩 <text>{{day}}</text>天:<text>{{hour}}</text>:<text>{{min}}</text>:<text>{{sec}}</text> 结束</view> | |||||
<progress percent="{{((data.price-data.salePrice-data.pressCurrentValue)/(data.price-data.salePrice))*100}}" wx:if="{{data.orderStatus !=8&&data.orderStatus!=1&&data.orderStatus!=9}}" color="#FF3535" class="progressbar"border-radius="10px" backgroundColor="#FECFCF" stroke-width="10" /> | |||||
<view class="time" hover-class="none" wx:if="{{data.orderStatus !=8&&data.orderStatus!=1&&data.orderStatus!=9&&data.orderStatus != 7}}" hover-stop-propagation="false"> | |||||
还剩 <text>{{day}}</text>天:<text>{{hour}}</text>:<text>{{min}}</text>:<text>{{sec}}</text> 结束 | |||||
</view> | |||||
<view class="fail" hover-class="none" hover-stop-propagation="false" wx:if="{{data.orderStatus==9}}"> | <view class="fail" hover-class="none" hover-stop-propagation="false" wx:if="{{data.orderStatus==9}}"> | ||||
砍价已取消 | 砍价已取消 | ||||
</view> | </view> | ||||
@@ -35,37 +31,33 @@ | |||||
<button bindtap="barginAgain" data-couponChannelId="{{data.couponChannelId}}" data-couponId="{{data.productId}}" data-id="{{data.id}}">发起砍价</button> | <button bindtap="barginAgain" data-couponChannelId="{{data.couponChannelId}}" data-couponId="{{data.productId}}" data-id="{{data.id}}">发起砍价</button> | ||||
<button bindtap="gotomore">更多砍价商品</button> | <button bindtap="gotomore">更多砍价商品</button> | ||||
</view> | </view> | ||||
<!-- <view class='help' wx:if="{{data.orderStatus != 7&&data.orderStatus != 1&&data.orderStatus != 9}}">还需邀请<text>{{data.pressLimitNum-data.orderPressList.length}}</text>位好友,帮忙砍至底价</view> --> | |||||
<view class='help' wx:if="{{data.orderStatus != 7&&data.orderStatus != 1&&data.orderStatus != 9}}">还需邀请<text>{{data.pressLimitNum-data.orderPressList.length}}</text>位好友,帮忙砍至底价</view> | |||||
<view class="success" wx:if="{{data.orderStatus == 7||data.orderStatus == 1}}" hover-class="none" hover-stop-propagation="false"> | <view class="success" wx:if="{{data.orderStatus == 7||data.orderStatus == 1}}" hover-class="none" hover-stop-propagation="false"> | ||||
<image src="{{successHr}}" mode="widthFix"></image> | |||||
<text class="" selectable="false" space="false" decode="false"> | |||||
已砍至底价 | |||||
</text> | |||||
</view> | |||||
<view class='helpDiscount' wx:if="{{data.orderStatus == 6&&discountStatus == 2}}"> | |||||
<image bindtap='helpDiscount' src='{{wmhelp}}' mode='widthFix'></image> | |||||
</view> | |||||
<image src="{{wmsuccess01}}" mode="widthFix"></image> | |||||
<text class="" selectable="false" space="false" decode="false"> | |||||
已砍至底价 | |||||
</text> | |||||
</view> | |||||
<view class='helpDiscount' wx:if="{{data.orderStatus == 6&&discountStatus == 2}}"> | |||||
<image bindtap='helpDiscount' src='{{wmhelp}}' mode='widthFix'></image> | |||||
</view> | </view> | ||||
</view> | |||||
<view class="people" hover-class="none" hover-stop-propagation="false" wx:if="{{data.orderStatus!=9}}"> | |||||
<view class="people" hover-class="none" hover-stop-propagation="false" wx:if="{{data.orderStatus!=9}}"> | |||||
<view class='title'> | <view class='title'> | ||||
砍价人数{{data.orderPressList.length}}/{{data.pressLimitNum}}人 | 砍价人数{{data.orderPressList.length}}/{{data.pressLimitNum}}人 | ||||
</view> | </view> | ||||
<view class='kjr'> | |||||
<view class="clearfix person" wx:for="{{data.orderPressList}}" wx:key="index"> | |||||
<view class="head "> | |||||
<view class="clearfix person" wx:for="{{data.orderPressList}}" wx:key="index"> | |||||
<view class="head fl"> | |||||
<image class="headicon" src="{{item.avatarUrl}}" mode="widthFix" lazy-load="true" binderror="" bindload="" /> | <image class="headicon" src="{{item.avatarUrl}}" mode="widthFix" lazy-load="true" binderror="" bindload="" /> | ||||
<!-- <text wx:if="{{item.first==1}}">发起人</text> --> | |||||
<text wx:if="{{item.first==1}}">发起人</text> | |||||
</view> | </view> | ||||
<view class="text fl clearfix"> | <view class="text fl clearfix"> | ||||
<text class="text01 fl"><text>{{item.nickName}}</text></text> | <text class="text01 fl"><text>{{item.nickName}}</text></text> | ||||
<text class="text02 fl"><text class="fl">砍掉</text><text class="fl">{{item.pressValue/100}}元</text></text> | <text class="text02 fl"><text class="fl">砍掉</text><text class="fl">{{item.pressValue/100}}元</text></text> | ||||
<text class="text03 fr">{{item.createDate}}前</text> | <text class="text03 fr">{{item.createDate}}前</text> | ||||
</view> | </view> | ||||
</view> | |||||
</view> | </view> | ||||
</view> | |||||
</view> | </view> | ||||
<form bindsubmit="submit" report-submit='true' > | <form bindsubmit="submit" report-submit='true' > | ||||
@@ -1,42 +1,21 @@ | |||||
page{ | page{ | ||||
width: 100%; | |||||
height: 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
background: rgba(0, 0, 0, 0.5); | |||||
overflow: hidden; | |||||
/* z-index: 10000; */ | |||||
color: #fff; | |||||
} | |||||
.cancleH{ | |||||
width: 60rpx; | |||||
height: 120rpx; | |||||
position: absolute; | |||||
right: 92rpx; | |||||
top: 60rpx; | |||||
} | |||||
.cancleH image{ | |||||
width: 60rpx; | |||||
height: 60rpx; | |||||
/* margin-top: 20rpx; */ | |||||
} | |||||
.line{ | |||||
height: 50rpx; | |||||
width: 4rpx; | |||||
background:#ccc; | |||||
margin: 0 auto; | |||||
height: auto; | |||||
overflow: auto; | |||||
background: #FF6F03; | |||||
background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/bargindetailbg.jpg'); | |||||
background-size: cover; | |||||
background-repeat: no-repeat; | |||||
} | } | ||||
.bargainDetail { | .bargainDetail { | ||||
padding: 0 33rpx 0; | |||||
padding: 0 33rpx 0; | |||||
} | } | ||||
.progress .fl { | |||||
/* width: 150rpx; */ | |||||
height: 60rpx; | |||||
border-radius:16rpx; | |||||
color: #FFF; | |||||
.listitem .fl { | |||||
width: 180rpx; | |||||
height: 180rpx; | |||||
border-radius:10rpx; | |||||
} | } | ||||
.listitem .icon { | .listitem .icon { | ||||
width: 140rpx; | width: 140rpx; | ||||
height: 116rpx; | height: 116rpx; | ||||
@@ -47,10 +26,10 @@ page{ | |||||
.title{ | .title{ | ||||
display: block; | display: block; | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
color: #fff; | |||||
color: #333; | |||||
height: 40rpx; | height: 40rpx; | ||||
line-height: 40rpx; | line-height: 40rpx; | ||||
padding-top: 40rpx; | |||||
padding-top: 20rpx; | |||||
} | } | ||||
.help{ | .help{ | ||||
display: block; | display: block; | ||||
@@ -75,12 +54,11 @@ page{ | |||||
.ri .txt01 { | .ri .txt01 { | ||||
width: 100%; | width: 100%; | ||||
color: #FFF; | |||||
line-height: 32rpx; | |||||
color: rgba(51, 51, 51, 1); | |||||
line-height: 44rpx; | |||||
white-space: nowrap; | white-space: nowrap; | ||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
overflow: hidden; | overflow: hidden; | ||||
margin-top: 12rpx; | |||||
} | } | ||||
.ri .txt02 { | .ri .txt02 { | ||||
@@ -102,89 +80,75 @@ page{ | |||||
.ri .txt04 { | .ri .txt04 { | ||||
width: 100%; | width: 100%; | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
color: #FFF; | |||||
color: rgba(255, 50, 50, 1); | |||||
line-height: 44rpx; | line-height: 44rpx; | ||||
margin-top: 16rpx; | |||||
} | } | ||||
.money { | .money { | ||||
display: inline-block !important; | display: inline-block !important; | ||||
font-size: 50rpx; | font-size: 50rpx; | ||||
font-weight: 500; | font-weight: 500; | ||||
color: #FFF; | |||||
color: rgba(255, 50, 50, 1); | |||||
} | } | ||||
.listitem { | .listitem { | ||||
width: 538rpx; | |||||
/* height: 624rpx; */ | |||||
position: relative; | position: relative; | ||||
padding: 60rpx 40rpx; | |||||
padding: 31rpx 20rpx; | |||||
border-radius: 15rpx; | border-radius: 15rpx; | ||||
background: linear-gradient(160deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
margin: 170rpx auto 30rpx; | |||||
display: flex; | |||||
flex-direction:column; | |||||
} | |||||
.top{ | |||||
width:548rpx; | |||||
height: 140rpx; | |||||
margin: 0 auto 20rpx; | |||||
padding: 0 20rpx; | |||||
} | |||||
.top image{ | |||||
width:120rpx; | |||||
height:120rpx; | |||||
border-radius:16rpx; | |||||
float: left; | |||||
} | |||||
.top tit{ | |||||
margin-left:26rpx; | |||||
width:305rpx; | |||||
background: #fff; | |||||
margin-bottom: 30rpx; | |||||
margin-top:20rpx; | |||||
} | } | ||||
.progress { | .progress { | ||||
width: 519rpx; | width: 519rpx; | ||||
height: 170rpx; | |||||
padding: 30rpx 84rpx; | |||||
/* height: 136rpx; */ | |||||
background: #fff; | |||||
border-radius: 15rpx; | |||||
margin: 0 auto; | margin: 0 auto; | ||||
} | } | ||||
.progesstext { | |||||
margin-bottom: 13rpx; | |||||
} | |||||
.progesstext>text { | .progesstext>text { | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
color: #FFF; | |||||
color: rgba(51, 51, 51, 1); | |||||
} | } | ||||
.progesstext text text { | .progesstext text text { | ||||
color: #FFF; | |||||
color: #FF3535; | |||||
} | } | ||||
.time { | .time { | ||||
margin-top: 20rpx; | margin-top: 20rpx; | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
color: #FFF; | |||||
color: #333; | |||||
text-align:center; | text-align:center; | ||||
} | } | ||||
.time text { | .time text { | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
color: #FD832D; | |||||
color: #fff; | |||||
display: inline-block; | display: inline-block; | ||||
width: 40rpx; | width: 40rpx; | ||||
text-align: center; | text-align: center; | ||||
height: 40rpx; | height: 40rpx; | ||||
line-height: 40rpx; | line-height: 40rpx; | ||||
background: #FFF; | |||||
background: rgba(51, 51, 51, 1); | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
margin: 0 4px; | margin: 0 4px; | ||||
} | } | ||||
.head{ | .head{ | ||||
width:52rpx; | |||||
height: 52rpx; | |||||
width:10%; | |||||
height: 90rpx; | |||||
position: relative; | position: relative; | ||||
float: left | |||||
} | } | ||||
.head image{ | .head image{ | ||||
width: 52rpx; | |||||
height: 52rpx; | |||||
border-radius:26rpx; | |||||
width: 70rpx; | |||||
border-radius:10rpx; | |||||
} | } | ||||
.head text{ | .head text{ | ||||
width: 70rpx; | width: 70rpx; | ||||
@@ -199,22 +163,24 @@ page{ | |||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
} | } | ||||
.text{ | .text{ | ||||
width: 85%; | |||||
width: 87%; | |||||
padding-left: 3%; | padding-left: 3%; | ||||
display: inline-block; | display: inline-block; | ||||
height: 52rpx; | |||||
line-height: 52rpx; | |||||
height: 90rpx; | |||||
line-height: 90rpx; | |||||
font-size: 26rpx; | font-size: 26rpx; | ||||
} | } | ||||
.text01{ | .text01{ | ||||
width: 70rpx; | |||||
width: 100rpx; | |||||
margin-right: 6rpx; | margin-right: 6rpx; | ||||
height: 76rpx; | |||||
line-height: 76rpx; | |||||
} | } | ||||
.text01 text{ | .text01 text{ | ||||
width: 100rpx; | width: 100rpx; | ||||
float: left; | float: left; | ||||
height: 52rpx; | |||||
line-height: 52rpx; | |||||
height: 90rpx; | |||||
line-height: 90rpx; | |||||
white-space: nowrap; | white-space: nowrap; | ||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
overflow: hidden; | overflow: hidden; | ||||
@@ -222,25 +188,20 @@ page{ | |||||
.text02{ | .text02{ | ||||
display: inline-block; | display: inline-block; | ||||
} | } | ||||
.text02 .fl{ | |||||
color: #FFF!important; | |||||
} | |||||
.text03{ | .text03{ | ||||
/* width: 180rpx; */ | |||||
width: 240rpx; | |||||
text-align: right; | text-align: right; | ||||
font-size:24rpx; | font-size:24rpx; | ||||
height: 52rpx; | |||||
line-height: 52rpx; | |||||
height: 76rpx; | |||||
line-height: 76rpx; | |||||
white-space: nowrap; | white-space: nowrap; | ||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.person{ | .person{ | ||||
/* border-bottom: 1px solid #F0CDB3; */ | |||||
padding-bottom: 15rpx; | |||||
padding-top: 15rpx; | |||||
color: #fff; | |||||
border-bottom: 1px solid #F0CDB3; | |||||
padding-bottom: 31rpx; | |||||
padding-top: 31rpx; | |||||
} | } | ||||
.text02 text:nth-of-type(2){ | .text02 text:nth-of-type(2){ | ||||
color: #FF3535; | color: #FF3535; | ||||
@@ -248,12 +209,10 @@ page{ | |||||
} | } | ||||
.people{ | .people{ | ||||
border-radius:16rpx; | border-radius:16rpx; | ||||
background: #FFEADA; | |||||
margin-top: 30rpx; | |||||
padding:0 20rpx; | padding:0 20rpx; | ||||
} | |||||
.kjr{ | |||||
height: 300rpx; | |||||
overflow: auto; | |||||
margin-bottom: 165rpx; | |||||
} | } | ||||
.btns{ | .btns{ | ||||
padding:33rpx; | padding:33rpx; | ||||
@@ -266,15 +225,15 @@ page{ | |||||
} | } | ||||
.btns button{ | .btns button{ | ||||
width: 500rpx!important; | width: 500rpx!important; | ||||
height: 92rpx; | |||||
border-radius:32rpx; | |||||
height: 95rpx; | |||||
border-radius:48rpx; | |||||
text-align: center; | text-align: center; | ||||
margin: 0 auto; | margin: 0 auto; | ||||
font-size: 32rpx; | |||||
font-size: 30rpx; | |||||
color: #fff; | color: #fff; | ||||
line-height: 92rpx; | |||||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
/* box-shadow:0px 8px 8px 1px rgba(204,26,13,0.32); */ | |||||
line-height: 95rpx; | |||||
background:linear-gradient(90deg,rgba(229,54,40,1) 0%,rgba(243,75,30,1) 99%); | |||||
box-shadow:0px 8px 8px 1px rgba(204,26,13,0.32); | |||||
} | } | ||||
.goback{ | .goback{ | ||||
position: fixed; | position: fixed; | ||||
@@ -315,7 +274,7 @@ page{ | |||||
} | } | ||||
.helpDiscount::after{ border: none; } | .helpDiscount::after{ border: none; } | ||||
.success{ | .success{ | ||||
margin-top: 15rpx; | |||||
margin-top: 50rpx; | |||||
} | } | ||||
.success image{ | .success image{ | ||||
display: block; | display: block; | ||||
@@ -326,9 +285,9 @@ page{ | |||||
.success text{ | .success text{ | ||||
display: block; | display: block; | ||||
text-align: center; | text-align: center; | ||||
font-size:24rpx; | |||||
line-height: 24rpx; | |||||
color:#FFFFFF; | |||||
font-size:30rpx; | |||||
line-height: 30rpx; | |||||
color:rgba(51,51,51,1); | |||||
} | } | ||||
.btns01{ | .btns01{ | ||||
position: fixed; | position: fixed; | ||||
@@ -339,10 +298,10 @@ page{ | |||||
} | } | ||||
.btns01 button{ | .btns01 button{ | ||||
color:rgba(254,254,254,1); | color:rgba(254,254,254,1); | ||||
width:538rpx; | |||||
width:650rpx; | |||||
height:85rpx; | height:85rpx; | ||||
line-height: 85rpx; | line-height: 85rpx; | ||||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%); | |||||
box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32); | box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32); | ||||
border-radius:43rpx; | border-radius:43rpx; | ||||
} | } | ||||
@@ -72,8 +72,8 @@ | |||||
<image src='{{giftHr}}' bindtap='gotoTopic' mode='aspectFill' ></image> | <image src='{{giftHr}}' bindtap='gotoTopic' mode='aspectFill' ></image> | ||||
</view> | </view> | ||||
<view class='textBox'> | <view class='textBox'> | ||||
<text class='name'>{{name}}</text> | |||||
<text class='title'>{{title}}</text> | |||||
<view class='name'>{{name}}</view> | |||||
<view class='title'>{{title}}</view> | |||||
</view> | </view> | ||||
<view class='next'> | <view class='next'> | ||||
<image src='{{next}}' bindtap='gotoTopic' mode='aspectFill' ></image> | <image src='{{next}}' bindtap='gotoTopic' mode='aspectFill' ></image> | ||||
@@ -307,16 +307,19 @@ page { | |||||
width: 400rpx; | width: 400rpx; | ||||
height: 100%; | height: 100%; | ||||
float: left; | float: left; | ||||
margin-left: 10rpx; | |||||
} | } | ||||
.textBox .name{ | .textBox .name{ | ||||
width: 400rpx; | width: 400rpx; | ||||
font-size: 28rpx; | font-size: 28rpx; | ||||
color: #3C3C3C; | color: #3C3C3C; | ||||
margin-top: 20rpx; | |||||
} | } | ||||
.textBox .title{ | .textBox .title{ | ||||
width: 400rpx; | width: 400rpx; | ||||
font-size: 20rpx; | font-size: 20rpx; | ||||
color: #A6A6A6; | color: #A6A6A6; | ||||
margin-top: 10rpx; | |||||
} | } | ||||
.product .gift{ | .product .gift{ | ||||