@@ -29,6 +29,7 @@ | |||||
"pages/phoneinput/phoneinput", | "pages/phoneinput/phoneinput", | ||||
"pages/market/index", | "pages/market/index", | ||||
"pages/user/index", | "pages/user/index", | ||||
"pages/user/myactivity/index", | |||||
"pages/coupon/detail/index", | "pages/coupon/detail/index", | ||||
"pages/rushToBuy/index", | "pages/rushToBuy/index", | ||||
"pages/couponorder/index/index", | "pages/couponorder/index/index", | ||||
@@ -301,7 +301,10 @@ var config = { | |||||
acfindById:"/wxActivity/findById", | acfindById:"/wxActivity/findById", | ||||
acPrintHtmlById:"/wxActivity/printHtmlById", | acPrintHtmlById:"/wxActivity/printHtmlById", | ||||
//参与活动 | //参与活动 | ||||
activityJoin:"/wxActivityJoin/join" | |||||
activityJoin:"/wxActivityJoin/join", | |||||
//签到 | |||||
activitySign:"/wxActivityJoin/sign", | |||||
activityList: "/wxActivityJoin/list" | |||||
}, | }, | ||||
weapp: { | weapp: { | ||||
AppId: weappId | AppId: weappId | ||||
@@ -4,12 +4,15 @@ const Http = require("../../utils/HttpBasics"); | |||||
const util = require("../../utils/util"); | const util = require("../../utils/util"); | ||||
var WxParse = require('../../wxParse/wxParse.js'); | var WxParse = require('../../wxParse/wxParse.js'); | ||||
const imgurl = require("../../utils/imgurl"); | const imgurl = require("../../utils/imgurl"); | ||||
const extConfig = wx.getExtConfigSync ? wx.getExtConfigSync() : {} | |||||
let configUrls = extConfig.attr.configUrl; | |||||
Page({ | Page({ | ||||
data: { | data: { | ||||
data: {}, | data: {}, | ||||
status:1, | status:1, | ||||
couponId: null, | couponId: null, | ||||
orderId: "", | orderId: "", | ||||
question:[], | |||||
day: "", | day: "", | ||||
hour: "", | hour: "", | ||||
activityId:"", | activityId:"", | ||||
@@ -33,9 +36,14 @@ Page({ | |||||
that.setData({ | that.setData({ | ||||
data: res.data.activity | data: res.data.activity | ||||
}) | }) | ||||
if (res.data && res.data.activity && res.data.activity.question){ | |||||
that.setData({ | |||||
question: JSON.parse(res.data.activity.question) | |||||
}) | |||||
} | |||||
if (res.data.activity.type == 2) { | if (res.data.activity.type == 2) { | ||||
wx.request({ | wx.request({ | ||||
url: 'https://ciformall.youlane.cn/C/api' + config.api.acPrintHtmlById, | |||||
url: configUrls + config.api.acPrintHtmlById, | |||||
data: { | data: { | ||||
id: options.id, | id: options.id, | ||||
date: new Date(), | date: new Date(), | ||||
@@ -1140,4 +1140,14 @@ button::after{ border: none; } | |||||
.time{ | .time{ | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
line-height: 50rpx; | line-height: 50rpx; | ||||
} | |||||
.ques{ | |||||
display: block; | |||||
text-align: center; | |||||
} | |||||
.questionTitle{ | |||||
width: 180rpx; | |||||
font-size: 40rpx; | |||||
border-top:6rpx solid orange; | |||||
margin: 20rpx auto 0; | |||||
} | } |
@@ -8,22 +8,30 @@ Page({ | |||||
data: { | data: { | ||||
date: '1988-03-12', | date: '1988-03-12', | ||||
flag: 1, | flag: 1, | ||||
answerflag: "", | |||||
flagsex: 0, | flagsex: 0, | ||||
items: [ | |||||
{ name: 1, value: '男', checked: false }, | |||||
{ name: 2, value: '女', checked: false }, | |||||
items: [{ | |||||
name: 1, | |||||
value: '男', | |||||
checked: false | |||||
}, | |||||
{ | |||||
name: 2, | |||||
value: '女', | |||||
checked: false | |||||
}, | |||||
], | ], | ||||
username: "", | username: "", | ||||
array: ['上班族', '学生', '企业高管', '个体户', '自由职业', '其他'], | array: ['上班族', '学生', '企业高管', '个体户', '自由职业', '其他'], | ||||
array1: ['附近住户', '距离2km', '距离3km', '更远'], | array1: ['附近住户', '距离2km', '距离3km', '更远'], | ||||
index: 0, | index: 0, | ||||
index1: 0, | index1: 0, | ||||
showPage:false | |||||
showPage: false | |||||
}, | }, | ||||
/** | /** | ||||
* 获得生日 | * 获得生日 | ||||
*/ | */ | ||||
bindDateChange: function (e) { | |||||
bindDateChange: function(e) { | |||||
this.setData({ | this.setData({ | ||||
date: e.detail.value, | date: e.detail.value, | ||||
flag: 2 | flag: 2 | ||||
@@ -32,7 +40,7 @@ Page({ | |||||
/** | /** | ||||
* 职业 | * 职业 | ||||
*/ | */ | ||||
bindPickerChange: function (e) { | |||||
bindPickerChange: function(e) { | |||||
this.setData({ | this.setData({ | ||||
index: e.detail.value | index: e.detail.value | ||||
}) | }) | ||||
@@ -40,29 +48,32 @@ Page({ | |||||
/** | /** | ||||
* 生活半径 | * 生活半径 | ||||
*/ | */ | ||||
bindPickerChange1: function (e) { | |||||
bindPickerChange1: function(e) { | |||||
this.setData({ | this.setData({ | ||||
index1: e.detail.value | index1: e.detail.value | ||||
}) | }) | ||||
}, | }, | ||||
address: function () { | |||||
address: function() { | |||||
let that = this; | let that = this; | ||||
wx.chooseLocation({ | wx.chooseLocation({ | ||||
success: function (res) { | |||||
success: function(res) { | |||||
that.setData({ | that.setData({ | ||||
address: res.name + '(' + res.address + ')', | address: res.name + '(' + res.address + ')', | ||||
addressStr: JSON.stringify(res) | addressStr: JSON.stringify(res) | ||||
}) | }) | ||||
}, | }, | ||||
fail: function (error) { | |||||
fail: function(error) { | |||||
console.log(error) | console.log(error) | ||||
}, | }, | ||||
complete: function (data) { | |||||
} | |||||
complete: function(data) {} | |||||
}) | }) | ||||
}, | }, | ||||
formSubmit: function (e) { | |||||
change(value){ | |||||
console.log(value) | |||||
}, | |||||
formSubmit: function(e) { | |||||
let that = this; | let that = this; | ||||
console.log(e) | |||||
/** | /** | ||||
* sex | * sex | ||||
* 0 保密 | * 0 保密 | ||||
@@ -76,17 +87,14 @@ Page({ | |||||
} | } | ||||
if (that.data.addressStr) { | if (that.data.addressStr) { | ||||
var address = that.data.addressStr; | var address = that.data.addressStr; | ||||
} | |||||
else { | |||||
} else { | |||||
var address = null; | var address = null; | ||||
} | } | ||||
if (e.detail.value.username) { | if (e.detail.value.username) { | ||||
var username = e.detail.value.username; | var username = e.detail.value.username; | ||||
} | |||||
else if (that.data.username) { | |||||
} else if (that.data.username) { | |||||
var username = that.data.username; | var username = that.data.username; | ||||
} | |||||
else { | |||||
} else { | |||||
var username = null; | var username = null; | ||||
} | } | ||||
if (that.data.flag == 2 && that.data.date) { | if (that.data.flag == 2 && that.data.date) { | ||||
@@ -94,44 +102,72 @@ Page({ | |||||
} else { | } else { | ||||
var birthday = null; | var birthday = null; | ||||
} | } | ||||
//获得答案 | |||||
delete e.detail.value.username; | |||||
let obj = e.detail.value; | |||||
if (that.data&&that.data.question&&that.data.question.length>0){ | |||||
let valArr22; | |||||
valArr22 = Object.keys(obj).map(function (item,index) { | |||||
if (!obj[item]){ | |||||
wx.showToast({ | |||||
title: '问卷调查回答不完整,请补充', | |||||
duration:2000, | |||||
icon:"none" | |||||
}) | |||||
that.setData({ | |||||
answerflag:"noanswer" | |||||
}) | |||||
}else{ | |||||
that.setData({ | |||||
answerflag: "answer" | |||||
}) | |||||
return { ques: that.data.question[index].ques, answer: obj[item] } | |||||
} | |||||
}); | |||||
this.setData({ | |||||
answer:valArr22 | |||||
}); | |||||
} | |||||
if (username == null || address == null || sex == 0 || birthday == null) { | if (username == null || address == null || sex == 0 || birthday == null) { | ||||
wx.showToast({ | wx.showToast({ | ||||
title: '请输入完整的用户信息', | title: '请输入完整的用户信息', | ||||
icon:"none" | |||||
icon: "none" | |||||
}) | }) | ||||
} else { | } else { | ||||
Http.post({ | |||||
url: config.api.activityJoin, | |||||
data: { | |||||
sex: sex, | |||||
address: address, | |||||
name: username, | |||||
birthday: birthday, | |||||
activityId: that.data.activityId | |||||
} | |||||
}) | |||||
.then(res => { | |||||
wx.showToast({ | |||||
title: "提交成功", | |||||
icon: 'none', | |||||
duration: 2000, | |||||
mask: false | |||||
console.log(that.data.answer) | |||||
if (this.data.answerflag == 'noanswer'){ | |||||
}else{ | |||||
Http.post({ | |||||
url: config.api.activityJoin, | |||||
data: { | |||||
sex: sex, | |||||
address: address, | |||||
name: username, | |||||
birthday: birthday, | |||||
answer: JSON.stringify(that.data.answer), | |||||
activityId: that.data.activityId | |||||
} | |||||
}) | }) | ||||
wx.navigateTo({ | |||||
url: '/pages/radetail/success/index', | |||||
.then(res => { | |||||
wx.redirectTo({ | |||||
url: '/pages/radetail/success/index', | |||||
}) | |||||
}) | |||||
.catch(err => { | |||||
wx.showToast({ | |||||
title: err.message, | |||||
icon: 'none', | |||||
duration: 2000, | |||||
mask: false | |||||
}) | |||||
}) | }) | ||||
}) | |||||
.catch(err => { | |||||
wx.showToast({ | |||||
title: err.message, | |||||
icon: 'none', | |||||
duration: 2000, | |||||
mask: false | |||||
}) | |||||
}) | |||||
} | |||||
} | } | ||||
}, | }, | ||||
radioChange: function (e) { | |||||
radioChange: function(e) { | |||||
this.setData({ | this.setData({ | ||||
sex: e.detail.value, | sex: e.detail.value, | ||||
flagsex: 1 | flagsex: 1 | ||||
@@ -140,12 +176,37 @@ Page({ | |||||
/** | /** | ||||
* 生命周期函数--监听页面加载 | * 生命周期函数--监听页面加载 | ||||
*/ | */ | ||||
onLoad: function (options) { | |||||
onLoad: function(options) { | |||||
let that = this; | let that = this; | ||||
if (options && options.activityId){ | |||||
if (options && options.activityId) { | |||||
that.setData({ | that.setData({ | ||||
activityId: options.activityId | activityId: options.activityId | ||||
}) | }) | ||||
that.getDetail(options.activityId); | |||||
} | } | ||||
}, | |||||
getDetail(activityId) { | |||||
let that = this; | |||||
Http.get({ | |||||
url: config.api.acfindById, | |||||
data: { | |||||
id: activityId | |||||
} | |||||
}).then(res => { | |||||
if (res && res.data && res.data.activity) { | |||||
if (res.data && res.data.activity && res.data.activity.question) { | |||||
that.setData({ | |||||
question: JSON.parse(res.data.activity.question) | |||||
}) | |||||
} | |||||
} | |||||
}).catch(err => { | |||||
wx.showToast({ | |||||
title: err.errMsg, | |||||
icon: 'none', | |||||
duration: 2000, | |||||
mask: false | |||||
}) | |||||
}) | |||||
} | } | ||||
}) | }) |
@@ -24,5 +24,11 @@ | |||||
<view class='names' wx:if="{{address}}">{{address}}</view> | <view class='names' wx:if="{{address}}">{{address}}</view> | ||||
<view class='names' wx:if="{{!address}}">请选择地址</view> | <view class='names' wx:if="{{!address}}">请选择地址</view> | ||||
</view> | </view> | ||||
<view class='ques' wx:if="{{question&&question.length>0}}"> | |||||
<text class='questionTitle'>调查问卷</text> | |||||
<view class='answer' wx:for="{{question}}" wx:key="index">{{index+1}}.{{item.ques}} | |||||
<textarea name="answer{{index}}" bindinput='change' type="textarea" placeholder='请填写您的回答?'></textarea> | |||||
</view> | |||||
</view> | |||||
<button class='btn' formType="submit" hover-class='active'>提交</button> | <button class='btn' formType="submit" hover-class='active'>提交</button> | ||||
</form> | </form> |
@@ -64,6 +64,7 @@ radio { | |||||
border-radius:60rpx; | border-radius:60rpx; | ||||
background: orange; | background: orange; | ||||
font-size: 32rpx; | font-size: 32rpx; | ||||
z-index: 1000; | |||||
} | } | ||||
.active{ | .active{ | ||||
opacity: .6; | opacity: .6; | ||||
@@ -84,4 +85,32 @@ radio { | |||||
font-size: 26rpx; | font-size: 26rpx; | ||||
line-height: 46rpx; | line-height: 46rpx; | ||||
color: #999; | color: #999; | ||||
} | |||||
.ques{ | |||||
padding-left: 20rpx; | |||||
margin-bottom:140rpx; | |||||
} | |||||
.ques text{ | |||||
display: block; | |||||
text-align: center; | |||||
} | |||||
.questionTitle{ | |||||
width: 180rpx; | |||||
font-size: 40rpx; | |||||
border-top:6rpx solid orange; | |||||
border-bottom:6rpx solid orange; | |||||
margin: 40rpx auto 0; | |||||
} | |||||
.ques text{ | |||||
display: block; | |||||
} | |||||
.answer{ | |||||
margin-bottom: 20rpx; | |||||
} | |||||
.answer textarea{ | |||||
border: 1rpx solid #efefef; | |||||
border-radius: 10rpx; | |||||
padding: 10rpx 0; | |||||
margin-top: 10rpx; | |||||
padding-left: 10rpx; | |||||
} | } |
@@ -78,19 +78,12 @@ | |||||
<image class='icons' src="{{wmspellgroup}}" mode='widthFix'></image>我的拼团</view> | <image class='icons' src="{{wmspellgroup}}" mode='widthFix'></image>我的拼团</view> | ||||
</view> | </view> | ||||
</navigator> | </navigator> | ||||
<navigator url="/pages/spellGroup/spellGroup?from=myhtml" open-type="navigate"> | |||||
<navigator url="/pages/user/myactivity/index" open-type="navigate"> | |||||
<view class="user-btn app-border-bottom"> | <view class="user-btn app-border-bottom"> | ||||
<view> | <view> | ||||
<image class='icons' src="{{myactivity}}" mode='widthFix'></image>我的活动</view> | <image class='icons' src="{{myactivity}}" mode='widthFix'></image>我的活动</view> | ||||
</view> | </view> | ||||
</navigator> | </navigator> | ||||
<navigator open-type="navigate"> | |||||
<view class="user-btn app-border-bottom"> | |||||
<view> | |||||
<image class='icons' src="{{myactivitygift}}" mode='widthFix'></image>我的奖品 | |||||
</view> | |||||
</view> | |||||
</navigator> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="margin"></view> | <view class="margin"></view> | ||||
@@ -0,0 +1,168 @@ | |||||
let config = require("../../../config/config.js"); | |||||
let Http = require("../../../utils/HttpBasics"); | |||||
const util = require("../../../utils/util"); | |||||
let app = getApp(); | |||||
const imgurl = require("../../../utils/imgurl"); | |||||
Page({ | |||||
data: { | |||||
dingdanUrl: imgurl.dingdan.url, | |||||
loadingUrl: imgurl.loading.url, | |||||
wmhome: imgurl.wmhome.url, | |||||
wmdiscount: imgurl.wmdiscount.url, | |||||
wmgive: imgurl.wmgive.url, | |||||
tabs: [ | |||||
{ | |||||
key: 0, | |||||
name: "参与中" | |||||
}, | |||||
{ | |||||
key: 1, | |||||
name: "已过期" | |||||
} | |||||
], | |||||
list: [], | |||||
current: "", | |||||
loading: true, //"上拉加载"的变量,默认false,隐藏 | |||||
current_scroll: "0", | |||||
allow_load: true, | |||||
page: 1, | |||||
content: "", | |||||
}, | |||||
goback: function () { | |||||
wx.switchTab({ | |||||
url: '/pages/main/index', | |||||
}) | |||||
}, | |||||
onLoad(options) { | |||||
this.getList(0, 1); | |||||
this.setData({ | |||||
current_scroll: 0 | |||||
}); | |||||
}, | |||||
//活动详情 | |||||
gotoDetail:function(e){ | |||||
wx.navigateTo({ | |||||
url: `/pages/radetail/index?id=${e.currentTarget.dataset.id}` | |||||
}) | |||||
}, | |||||
gotopay: function (e) { | |||||
wx.navigateTo({ | |||||
url: `/pages/order/detail/index?orderId=${e.currentTarget.dataset.id}&flag='pay'` | |||||
}) | |||||
}, | |||||
getList(key, pageNum) { | |||||
let that = this; | |||||
let variable; | |||||
if(key == 0){ | |||||
variable = { | |||||
pageNum: pageNum, | |||||
pageSize: 15, | |||||
statusStr:"0,1,2" | |||||
}; | |||||
}else if(key == 1){ | |||||
variable = { | |||||
pageNum: pageNum, | |||||
pageSize: 15, | |||||
status: 3 | |||||
}; | |||||
} | |||||
if (that.data.allow_load) { | |||||
that.setData({ | |||||
loading: true, | |||||
content: '小主,我在玩命加载中...' | |||||
}) | |||||
Http.get({ | |||||
url: config.api.activityList, | |||||
data: variable | |||||
}).then(res => { | |||||
if (pageNum >= res.data.pages) { | |||||
that.setData({ | |||||
allow_load: false | |||||
}); | |||||
setTimeout(function () { | |||||
that.setData({ | |||||
loading: false, | |||||
}) | |||||
}, 1400); | |||||
} | |||||
setTimeout(function () { | |||||
that.setData({ | |||||
loading: false, | |||||
}) | |||||
}, 1400); | |||||
if (pageNum == 1) { | |||||
that.setData({ | |||||
list: [] | |||||
}) | |||||
} | |||||
var tmpArr = that.data.list; | |||||
tmpArr.push.apply(tmpArr, res.data.list); | |||||
// 将砍价的状态过滤出来 | |||||
console.log(tmpArr) | |||||
that.setData({ | |||||
list: tmpArr | |||||
}) | |||||
for (let i = 0; i < that.data.list.length; i++) { | |||||
var activityStartTime1 = util.formatTime(that.data.list[i].activityStartTime, "yyyy-MM-dd hh:mm:ss"); | |||||
var activityEndTime1 = util.formatTime(that.data.list[i].activityEndTime, "yyyy-MM-dd hh:mm:ss"); | |||||
/** | |||||
* 修改list的endtime | |||||
* 渲染到页面 | |||||
*/ | |||||
var activityStartTime = 'list[' + i + '].activityStartTime' | |||||
var activityEndTime = 'list[' + i + '].activityEndTime' | |||||
that.setData({ | |||||
[activityStartTime]: activityStartTime1, | |||||
[activityEndTime]: activityEndTime1, | |||||
}); | |||||
} | |||||
}) | |||||
.catch(err => { | |||||
wx.showToast({ | |||||
title: err.errMsg, | |||||
icon:"none", | |||||
duration:2000 | |||||
}) | |||||
}) | |||||
} | |||||
else { | |||||
that.setData({ | |||||
loading: true, | |||||
content: "——— 再拉裤子就掉了啦 ———" | |||||
}) | |||||
setTimeout(function () { | |||||
that.setData({ | |||||
loading: false, | |||||
}) | |||||
}, 1400) | |||||
} | |||||
}, | |||||
handleChange({ | |||||
detail | |||||
}) { | |||||
this.setData({ | |||||
current: detail.key | |||||
}); | |||||
}, | |||||
handleChangeScroll({ | |||||
detail | |||||
}) { | |||||
this.setData({ | |||||
list: [], | |||||
allow_load: true, | |||||
current_scroll: detail.key, | |||||
page: 1 | |||||
}) | |||||
this.getList(detail.key, 1); | |||||
}, | |||||
onReachBottom: function () { | |||||
var that = this; | |||||
that.data.page++; | |||||
that.setData({ | |||||
page: that.data.page | |||||
}); | |||||
that.getList(that.data.current_scroll, that.data.page); | |||||
}, | |||||
}); |
@@ -0,0 +1,7 @@ | |||||
{ | |||||
"usingComponents": { | |||||
"i-tab": "../../../dist/tab/index", | |||||
"i-tabs": "../../../dist/tabs/index" | |||||
}, | |||||
"navigationBarTitleText": "我的活动" | |||||
} |
@@ -0,0 +1,29 @@ | |||||
<view class="market"> | |||||
<i-tabs class='tabs' current="{{ current_scroll }}" scroll bindchange="handleChangeScroll"> | |||||
<i-tab class='i-tab' wx:for="{{tabs}}" wx:key="unique" key="{{item.key}}" title="{{item.name}}"></i-tab> | |||||
</i-tabs> | |||||
<view style='padding-top:114rpx;'> | |||||
<view wx:for='{{list}}' wx:if="{{list.length!=0}}" class='section' wx:key='{{index}}'> | |||||
<view class='detail_msg' bindtap="gotoDetail" data-id='{{item.id}}'> | |||||
<view class='logo'> | |||||
<image src='{{item.coverImg}}'></image> | |||||
</view> | |||||
<view class='info'> | |||||
<view>{{item.title}}</view> | |||||
<view> | |||||
<text>活动开始日期:{{item.activityStartTime}}</text> | |||||
<text>活动结束日期:{{item.activityEndTime}}</text> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
<view class="dingdan" wx:if="{{list.length==0}}"> | |||||
<image src="{{dingdanUrl}}" mode="widthFix"></image> | |||||
<text>您还没有参加活动</text> | |||||
<button class='goback' bindtap='goback'>返回首页</button> | |||||
</view> | |||||
</view> | |||||
<view class="loading" wx:if="{{loading}}"> | |||||
<image src="{{loadingUrl}}" mode="widthFix"></image>{{content}} | |||||
</view> | |||||
</view> |
@@ -0,0 +1,283 @@ | |||||
.market { | |||||
width: 100%; | |||||
height: 100%; | |||||
} | |||||
.tabs { | |||||
position: fixed; | |||||
width: 100% !important; | |||||
height: 88rpx; | |||||
top: 0; | |||||
left: 0; | |||||
right: 0; | |||||
text-align: center; | |||||
z-index: 10000000; | |||||
} | |||||
.i-tab { | |||||
width: 30% !important; | |||||
display: inline-block; | |||||
} | |||||
.detail_msg { | |||||
position: relative; | |||||
background: #fff; | |||||
margin: 0 30rpx; | |||||
border-radius: 16rpx; | |||||
overflow: hidden; | |||||
} | |||||
.sendImg{ | |||||
position: absolute; | |||||
width: 100rpx; | |||||
top: 100rpx; | |||||
right: 6rpx; | |||||
} | |||||
.logo { | |||||
display: block; | |||||
width: 100%; | |||||
border-radius: 16rpx; | |||||
} | |||||
.logo image { | |||||
display: block; | |||||
width: 100%; | |||||
height: 260rpx; | |||||
border-radius: 16rpx; | |||||
} | |||||
.section{ | |||||
margin-bottom: 25rpx; | |||||
} | |||||
.info view:nth-child(1) { | |||||
font-size: 32rpx; | |||||
margin-top: 40rpx; | |||||
margin-bottom: 23rpx; | |||||
justify-content: space-between; | |||||
padding: 0 0 0 4%; | |||||
} | |||||
.info text,view{ | |||||
font-size: 26rpx; | |||||
text-align: center; | |||||
display: block; | |||||
color: #efefef; | |||||
} | |||||
.info { | |||||
width: 100%; | |||||
position: absolute; | |||||
left: 0; | |||||
right: 0; | |||||
top: 0; | |||||
bottom: 0; | |||||
margin: auto; | |||||
text-align: center; | |||||
color: #fff; | |||||
background: rgba(0, 0, 0, 0.5) | |||||
} | |||||
.sub { | |||||
font-size: 24rpx !important; | |||||
color: #919191 !important; | |||||
letter-spacing: 0; | |||||
line-height: 33rpx; | |||||
padding-left: 4%; | |||||
height: 66rpx; | |||||
overflow: hidden; | |||||
white-space: wrap; | |||||
text-overflow: ellipsis; | |||||
} | |||||
.info view:nth-child(1) text { | |||||
display: inline-block; | |||||
width: 300rpx; | |||||
font-size: 30rpx; | |||||
letter-spacing: 0; | |||||
height: 42rpx; | |||||
overflow: hidden; | |||||
line-height: 42rpx; | |||||
white-space: nowrap; | |||||
text-overflow: ellipsis; | |||||
} | |||||
.discount{ | |||||
position: absolute; | |||||
width: 100rpx; | |||||
top:86rpx; | |||||
right:2rpx; | |||||
} | |||||
.info .sucess { | |||||
display: inline-block; | |||||
width: 123rpx !important; | |||||
/* overflow: hidden; */ | |||||
font-size: 26rpx; | |||||
color: #02c0ff; | |||||
letter-spacing: 0; | |||||
text-align: right; | |||||
line-height: 26px; | |||||
} | |||||
.wait { | |||||
display: inline-block; | |||||
width: 123rpx !important; | |||||
overflow: visible!important; | |||||
font-size: 28rpx; | |||||
color: #ff4949; | |||||
letter-spacing: 0; | |||||
text-align: right; | |||||
line-height: 28rpx!important; | |||||
} | |||||
.close { | |||||
display: inline-block; | |||||
width: 123rpx !important; | |||||
overflow: hidden; | |||||
font-size: 28rpx; | |||||
color: #999; | |||||
letter-spacing: 0; | |||||
text-align: right; | |||||
line-height: 28rpx; | |||||
} | |||||
/* | |||||
.info view:nth-child(2), | |||||
.info view:nth-child(3), | |||||
.info view:nth-child(4) { | |||||
color: #333; | |||||
font-size: 24rpx; | |||||
} */ | |||||
.value { | |||||
font-size: 24rpx; | |||||
color: #999; | |||||
letter-spacing: 0; | |||||
padding-left: 4%; | |||||
line-height: 33rpx; | |||||
} | |||||
.value text { | |||||
font-size: 24rpx; | |||||
color: #333; | |||||
letter-spacing: 0; | |||||
line-height: 33rpx; | |||||
} | |||||
/* .info view:nth-child(2) text, .info view:nth-child(3) text { | |||||
font-size: 22rpx; | |||||
} */ | |||||
.info view:nth-child(3) { | |||||
margin-top: 20rpx; | |||||
} | |||||
.payment { | |||||
position: relative; | |||||
width: 92%; | |||||
height: 88rpx; | |||||
line-height: 88rpx; | |||||
padding: 0 4%; | |||||
display: flex; | |||||
justify-content: space-between; | |||||
} | |||||
.payment view:nth-child(1) text:nth-child(1) { | |||||
font-size: 24rpx; | |||||
color: #1f2d3d; | |||||
letter-spacing: 0; | |||||
} | |||||
.payment view:nth-child(1) text:nth-child(2) { | |||||
font-size: 28rpx; | |||||
color: #ff4949; | |||||
letter-spacing: 0; | |||||
margin-left: 10rpx; | |||||
} | |||||
.payment view:nth-child(1) text:nth-child(3) { | |||||
font-size: 24rpx; | |||||
color: #b4b4b4; | |||||
padding-left: 18rpx; | |||||
text-decoration: line-through; | |||||
} | |||||
.btn { | |||||
position: absolute; | |||||
top: 0; | |||||
bottom: 0; | |||||
margin: auto; | |||||
right: 20rpx; | |||||
width: 160rpx; | |||||
height: 52rpx; | |||||
line-height: 52rpx; | |||||
text-align: center; | |||||
color: #fff; | |||||
float: right; | |||||
font-size: 28rpx; | |||||
border: 2rpx solid #02c0ff; | |||||
border-radius: 10rpx; | |||||
} | |||||
.payment view:nth-child(2) text { | |||||
font-size: 30rpx; | |||||
color: #02c0ff; | |||||
} | |||||
.dingdan { | |||||
margin-top: 33rpx; | |||||
} | |||||
.dingdan text:nth-of-type(1) { | |||||
display: block; | |||||
font-size: 34rpx; | |||||
color: #333; | |||||
letter-spacing: 0; | |||||
text-align: center; | |||||
} | |||||
.dingdan text:nth-of-type(2) { | |||||
display: block; | |||||
font-size: 28rpx; | |||||
color: #999; | |||||
letter-spacing: 0; | |||||
text-align: center; | |||||
} | |||||
.dingdan image { | |||||
display: block; | |||||
width: 300rpx; | |||||
height: 300rpx; | |||||
margin: 0 auto 16rpx; | |||||
} | |||||
.loading { | |||||
text-align: center; | |||||
height: 80rpx; | |||||
line-height: 80rpx; | |||||
font-size: 26rpx; | |||||
color: #999; | |||||
} | |||||
.loading image { | |||||
width: 60rpx; | |||||
height: 60rpx; | |||||
vertical-align: middle; | |||||
margin-right: 10rpx; | |||||
} | |||||
button::after{ border: none; } | |||||
.goback{ | |||||
width:400rpx!important; | |||||
height:80rpx; | |||||
line-height: 80rpx; | |||||
border-radius:10rpx; | |||||
background: orange; | |||||
color: #fff; | |||||
font-size: 32rpx; | |||||
margin-top: 20rpx; | |||||
} | |||||
.goback image{ | |||||
position: absolute; | |||||
width: 60rpx; | |||||
left: 0; | |||||
right: 0; | |||||
top: 0; | |||||
bottom: 0; | |||||
margin: auto; | |||||
} |