jiazhipeng
2 years ago
9 changed files with 1024 additions and 29 deletions
@ -0,0 +1,438 @@ |
|||
// pages/order/scene/index.js
|
|||
let app = getApp() |
|||
import util from "../../../utils/util" |
|||
import commonApi from "../../../utils/https/common" |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
product:null, |
|||
productNum: 1, |
|||
linkmanList: [], |
|||
date: "", |
|||
time: "", |
|||
remark: "", |
|||
singlePrice: 0, |
|||
type: null, |
|||
coupon:null, |
|||
isLogin: false, |
|||
kjId: null, |
|||
gp_id: null, |
|||
groupName: "", |
|||
prizeId: null, |
|||
select_allowance: false, |
|||
showAllowance: false, |
|||
allowance_data: null, |
|||
allowance_price: 0, |
|||
pIndex: 0, |
|||
flag:null, |
|||
ticket_type:1, |
|||
isCar:'single', |
|||
showMask: false, |
|||
price:0, |
|||
|
|||
status:false, |
|||
date: "", |
|||
time: "", |
|||
ydxz:false, //预定须知弹框
|
|||
bookingInfo: null, |
|||
bookingInfoTitle: "", |
|||
showDate:false, |
|||
showDate2:false, |
|||
showYhq:null, |
|||
couponFlag:false |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.setData({ |
|||
product: app.globalData.product, |
|||
type: options.type, |
|||
kjId: app.globalData.kjId, |
|||
gp_id: app.globalData.gp_id || app.globalData.team_id, |
|||
prizeId: wx.getStorageSync('prizeId'), |
|||
flag:options.flag, |
|||
date:null, |
|||
isCar:options.isCar, |
|||
showYhq:app.globalData.listName?false:true |
|||
}) |
|||
console.log('-------',this.data.showYhq,this.data.time); |
|||
// debugger
|
|||
|
|||
|
|||
if (!this.data.product) { |
|||
util.back(); |
|||
return; |
|||
} |
|||
if (this.data.product.productNum) { |
|||
this.setData({ |
|||
productNum: this.data.product.productNum < 1 ? 1 : this.data.product.productNum |
|||
}) |
|||
}else{ |
|||
this.setData({productNum: 1}) |
|||
} |
|||
|
|||
this.setData({singlePrice: this.data.product.sku.price}) |
|||
this.showAllPrice() |
|||
|
|||
console.log(this.data); |
|||
this.getNewCoupon() |
|||
this.couponCom = this.selectAllComponents("#coupon")[0]; |
|||
|
|||
}, |
|||
|
|||
|
|||
showBookingInfo: function (e) { |
|||
this.setData({ |
|||
bookingInfo: this.data.product.sku.sku_model, |
|||
bookingInfoTitle: this.data.product.sku.sku_name |
|||
}) |
|||
util.pagePoint({ |
|||
event: "scene_notice", |
|||
param: { |
|||
type: this.data.product.type, |
|||
id: this.data.product.id |
|||
} |
|||
}, 1) |
|||
}, |
|||
closeMask: function () { |
|||
this.setData({ |
|||
bookingInfo: null |
|||
}) |
|||
}, |
|||
showAllPrice:function () { |
|||
|
|||
console.log('couponInfo',app.globalData.couponInfo); |
|||
|
|||
let price = 0 |
|||
if (this.data.coupon) { |
|||
console.log(app.globalData.couponInfo,this.data.coupon); |
|||
if (this.data.coupon.activity.discount_type == 'pricebreak') { |
|||
price = this.data.singlePrice * this.data.productNum - this.data.coupon.activity.money |
|||
} else { |
|||
price =(this.data.singlePrice * this.data.productNum * this.data.coupon.activity.fold)/ 10 |
|||
} |
|||
} else { |
|||
price = this.data.singlePrice * this.data.productNum |
|||
} |
|||
|
|||
if (price >0) { |
|||
this.setData({ |
|||
price:price/100 |
|||
}) |
|||
}else { |
|||
this.setData({ |
|||
price:0 |
|||
}) |
|||
} |
|||
// console.log(this.data.singlePrice);
|
|||
if (price >0) { |
|||
this.setData({ |
|||
price:price/100 |
|||
}) |
|||
}else { |
|||
this.setData({ |
|||
price:0 |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
cancel: function () { |
|||
this.setData({ |
|||
showMask:false |
|||
}) |
|||
}, |
|||
changeGroupName: function (e) { |
|||
this.setData({ |
|||
groupName: e.detail.value |
|||
}) |
|||
}, |
|||
setLinkman: function (e) { |
|||
if (e.detail.phone || e.detail.phone=='') { |
|||
this.setData({ |
|||
phone:e.detail.phone |
|||
}) |
|||
}else { |
|||
console.log(e); |
|||
let linkmanList = e.detail; |
|||
if (this.data.productNum != linkmanList.length && this.data.coupon) { |
|||
// wx.showToast({
|
|||
// title: '订单价格发生变化，请重新选择优惠券',
|
|||
// icon: 'none'
|
|||
// })
|
|||
} |
|||
|
|||
this.setData({ |
|||
// productNum: productNum,
|
|||
linkmanList: linkmanList |
|||
}) |
|||
console.log(this.data.linkmanList); |
|||
this.totalPrice(this.data.singlePrice) |
|||
} |
|||
}, |
|||
add: function () { |
|||
if (this.data.productNum==undefined) { |
|||
wx.showToast({ |
|||
title: '请先添加出行人', |
|||
icon: 'none' |
|||
}) |
|||
return |
|||
} |
|||
if (this.data.product.sku.sku_model.traveller_limit_num != 0 && this.data.productNum == this.data.product.sku.sku_model.traveller_limit_num) { |
|||
wx.showToast({ |
|||
title: '本产品单笔限购' + this.data.product.sku.sku_model.traveller_limit_num + "份", |
|||
icon: 'none' |
|||
}) |
|||
return; |
|||
} |
|||
this.setData({ |
|||
productNum: this.data.productNum + 1 |
|||
}) |
|||
this.data.product.num = this.data.productNum |
|||
// this.changePrice()
|
|||
// this.showAllPrice()
|
|||
this.totalPrice(this.data.singlePrice) |
|||
}, |
|||
minus: function () { |
|||
if (this.data.productNum==undefined) { |
|||
wx.showToast({ |
|||
title: '请先添加出行人', |
|||
icon: 'none' |
|||
}) |
|||
return |
|||
} |
|||
if (this.data.productNum == 1) return; |
|||
if (this.data.coupon) { |
|||
wx.showToast({ |
|||
title: '订单价格发生变化，请重新选择优惠券', |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
if (!this.data.kjId && !this.data.gp_id && this.data.product.isGroup != 1 && !this.data.flag && this.data.type!='museum') { |
|||
// this.couponCom.setNullCoupon()
|
|||
|
|||
} |
|||
app.globalData.couponInfo = null; |
|||
console.log(this.data.couponFlag); |
|||
this.setData({ |
|||
productNum: (this.data.productNum - 1), |
|||
coupon: null, |
|||
couponFlag:true |
|||
}) |
|||
this.data.product.num = this.data.productNum |
|||
// this.changePrice()
|
|||
// this.showAllPrice()
|
|||
this.totalPrice(this.data.singlePrice) |
|||
}, |
|||
totalPrice(price) { |
|||
let allPrice |
|||
if (this.data.coupon) { |
|||
if (this.data.coupon.activity.discount_type == 'pricebreak') { |
|||
allPrice = this.data.singlePrice * this.data.productNum - this.data.coupon.activity.money |
|||
} else { |
|||
allPrice =(this.data.singlePrice * this.data.productNum * this.data.coupon.activity.fold)/ 10 |
|||
} |
|||
} else { |
|||
allPrice = this.data.singlePrice * this.data.productNum |
|||
} |
|||
|
|||
// allPrice = price * this.data.productNum - (this.data.coupon?this.data.coupon.activity.money:0)
|
|||
if (allPrice >0) { |
|||
this.setData({ |
|||
price:allPrice/100, |
|||
singlePrice:price |
|||
}) |
|||
}else { |
|||
this.setData({ |
|||
price:0, |
|||
singlePrice:price |
|||
}) |
|||
} |
|||
console.log('singlePrice',this.data.singlePrice); |
|||
}, |
|||
|
|||
|
|||
order:function() { |
|||
let linkmanList = this.data.linkmanList, productNum = this.data.productNum, date = this.data.date, time = this.data.time, remark = this.data.remark, product = this.data.product; |
|||
let linkmanIds = []; |
|||
|
|||
let data = { |
|||
coupon_id: this.data.coupon ? this.data.coupon.id : null, |
|||
source: "WECHATXCX", |
|||
product_list: [{ |
|||
type: product.product.type, |
|||
product_id: product.product.id, |
|||
sku_id: product.sku.id, |
|||
start_time: '', |
|||
end_time: '', |
|||
use_date: '', |
|||
visitors: linkmanIds.join(","), |
|||
remark: remark, |
|||
product_num: productNum, |
|||
phone:this.data.phone,// 不实名的时候传的手机号参数
|
|||
}], |
|||
originate_order_id: this.data.kjId, |
|||
gp_id: app.globalData.gp_id, |
|||
team_id: app.globalData.team_id, |
|||
|
|||
} |
|||
if (app.globalData.from) { |
|||
data.system_name = app.globalData.from; |
|||
} |
|||
if (app.globalData.retailId) { |
|||
data.commission_code = app.globalData.retailId; |
|||
app.globalData.retailId = null; |
|||
} |
|||
if (app.globalData.category_id) { |
|||
data.category_id = app.globalData.category_id; |
|||
} |
|||
if (this.data.prizeId) { |
|||
data.lottery_id = this.data.prizeId |
|||
} |
|||
let service = 'order/create', postData = { |
|||
data: JSON.stringify(data) |
|||
} |
|||
// if (app.globalData.product.isGroup == 1) {
|
|||
// service = "team_order/appoint"
|
|||
// postData.member_num = this.data.productNum
|
|||
// postData.team_name = this.data.groupName
|
|||
// postData.type = 1;
|
|||
// }
|
|||
if(app.globalData.list){ |
|||
app.globalData.list[app.globalData.index] = this.data.product |
|||
} |
|||
// app.globalData.linkmanList = this.data.linkmanList
|
|||
app.globalData.ticketPrice += (this.data.singlePrice * this.data.productNum - (this.data.coupon?this.data.coupon.activity.money:0))/100; |
|||
console.log(app.globalData); |
|||
if(app.globalData.list && app.globalData.list.length > app.globalData.index + 1 &&this.data.type!='museum'){ |
|||
if(app.globalData.createDate){ |
|||
app.globalData.createDate.product_list.push(data.product_list[0]) |
|||
}else{ |
|||
app.globalData.createDate = data |
|||
} |
|||
console.log(app.globalData.createDate); |
|||
app.globalData.index = app.globalData.index + 1 |
|||
app.globalData.product = app.globalData.list[app.globalData.index] |
|||
wx.redirectTo({ |
|||
url: '/pages/order/scene/index?flag='+ this.data.flag+'&isCar='+this.data.isCar, |
|||
}) |
|||
return |
|||
}else{ |
|||
// if(app.globalData.list && app.globalData.list.length > 1 || app.globalData.postProduct.length>0){
|
|||
if (false) { |
|||
if(app.globalData.createDate){ |
|||
app.globalData.createDate.product_list.push(data.product_list[0]) |
|||
} |
|||
wx.redirectTo({ |
|||
url: '/pages/order/orderList/index?flag='+ this.data.flag |
|||
}) |
|||
}else{ |
|||
commonApi.user_post(service, postData).then(res => { |
|||
if (app.globalData.kjId) { |
|||
this.setData({ |
|||
kjId: null |
|||
}); |
|||
app.globalData.kjId = null; |
|||
} |
|||
if (app.globalData.gp_id) { |
|||
this.setData({ |
|||
gp_id: null |
|||
}); |
|||
app.globalData.gp_id = null; |
|||
} |
|||
if (res.code == 1 && app.globalData.product.isGroup == 1) { |
|||
// 团购跳转到团购详情
|
|||
wx.navigateTo({ |
|||
url: '/pages/info/groupOrderInfo/index?id=' + res.data.order_id + '&from=order' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}, |
|||
next: function () { |
|||
console.log(this.data) |
|||
if (!util.isTel(this.data.phone)) { |
|||
wx.showToast({ |
|||
title: '请输入正确的手机号', |
|||
icon: 'none' |
|||
}) |
|||
return |
|||
} |
|||
this.setData({ |
|||
showMask:true |
|||
}) |
|||
|
|||
}, |
|||
|
|||
|
|||
//获取最高优惠券
|
|||
getNewCoupon(e){ |
|||
this.setData({ |
|||
coupon:e.detail |
|||
}) |
|||
this.showAllPrice() |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
if (!this.data.isLogin) { |
|||
commonApi.user_post("token/check").then(res => { |
|||
if (res.code == 1) { |
|||
this.setData({ |
|||
isLogin: true |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
this.setData({ |
|||
couponFlag:false |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
this.setData({ |
|||
kjId: null, |
|||
gp_id: null |
|||
}); |
|||
app.globalData.kjId = null; |
|||
app.globalData.gp_id = null; |
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,10 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title":"/pages/component/TitleHeader", |
|||
"date1":"../components/date/index", |
|||
"contact":"../components/contact/index", |
|||
"coupon":"../components/coupon/index", |
|||
"notice":"/pages/component/notice/notice", |
|||
"date":"/pages/order/components/date" |
|||
} |
|||
} |
|||
@ -0,0 +1,54 @@ |
|||
<!--pages/order/scene/index.wxml--> |
|||
<view > |
|||
<title title="订单填写"></title> |
|||
|
|||
<view class="box" style="padding: 42rpx 21rpx 45rpx 19rpx;display: flex;justify-content: space-between;align-items: center;"> |
|||
<view style="width: 550rpx;"> |
|||
<view style="font-weight: 500;font-size: 36rpx;color: #000000;" class="textOver2"> |
|||
{{product.product.title}} |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
<view class="box"> |
|||
<view class="box-title"> |
|||
<view style="flex:1">{{product.sku.sku_name}}</view> |
|||
<view class="s-price"> |
|||
{{product.sku.price/100}} |
|||
</view> |
|||
<image wx:if="{{!kjId && !gp_id && type!='activity' && productNum==1}}" bindtap="minus" style="width: 46rpx;height: 46rpx;" src="https://static.ticket.sz-trip.com/uploads/20240725/d2dce6169a5e8332ccd54579afddf8bc.png" mode=""/> |
|||
<image wx:if="{{!kjId && !gp_id && type!='activity' && productNum>1}}" bindtap="minus" style="width: 46rpx;height: 46rpx;" src="https://static.ticket.sz-trip.com/uploads/20240725/d8699afa39e73bcc7f50ed617c93bb54.png" mode=""/> |
|||
<view class="number-box">{{productNum}}</view> |
|||
<image wx:if="{{!kjId && !gp_id && type!='activity'}}" bindtap="add" style="width: 46rpx;height: 46rpx;" src="https://static.ticket.sz-trip.com/uploads/20240725/cdb68a174f17b7036374580a8aa46641.png" mode=""/> |
|||
|
|||
</view> |
|||
<view class="text1"> |
|||
<text wx:for="{{product.sku.display_tags}}"> |
|||
{{item}}<text style="margin:0 8rpx;" wx:if="{{index+1<=product.sku.display_tags.length}}">|</text> |
|||
</text> |
|||
<text bindtap="showBookingInfo">预订须知 ></text> |
|||
</view> |
|||
<!-- <view class="text2"> |
|||
<text wx:for="{{product.sku.display_tags}}" style="margin-right: 15rpx;">{{item}}</text> |
|||
</view> --> |
|||
</view> |
|||
|
|||
<contact wx:if="{{isLogin}}" type="{{null}}" bind:setLinkman="setLinkman" productNum="{{productNum}}" is_authentication="{{0}}" is_real_name="{{0}}"></contact> |
|||
|
|||
|
|||
<coupon bind:getNewCoupon = 'getNewCoupon' wx:if="{{!kjId && !gp_id && type!='activity' && product && product.isGroup!=1 && isCar=='single' && type!='museum' && showYhq}}" id="coupon" |
|||
money="{{singlePrice * productNum}}" sku="{{product.sku.id}}" couponFlag="{{couponFlag}}"></coupon> |
|||
|
|||
|
|||
|
|||
<view class="fixed-bottom" > |
|||
<view class="fixed-price-box" ><text>合计：</text> |
|||
<text class="price">¥{{price}}</text> |
|||
</view> |
|||
<view class="fixed-btn" bindtap="order">提交订单</view> |
|||
</view> |
|||
<notice bookingInfo="{{bookingInfo}}" skuName="{{bookingInfoTitle}}" wx:if="{{bookingInfo}}" bind:close="closeMask"> |
|||
</notice> |
|||
|
|||
</view> |
|||
@ -0,0 +1,453 @@ |
|||
/* pages/.wxss */ |
|||
page { |
|||
background: #f6f6f6; |
|||
} |
|||
|
|||
.group-order { |
|||
background: #fff; |
|||
} |
|||
|
|||
.product-info { |
|||
padding: 20rpx 47rpx; |
|||
border-bottom: 1rpx solid #ccc; |
|||
} |
|||
|
|||
.product-title { |
|||
font-size: 33rpx; |
|||
color: #000; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.product-price { |
|||
color: #D62828; |
|||
font-size: 27rpx; |
|||
} |
|||
|
|||
.group-order .box-title { |
|||
margin: 0; |
|||
} |
|||
|
|||
.group-order .box, |
|||
.group-order .date-box { |
|||
border-bottom: 1rpx solid #D8D8D8; |
|||
border-radius: 0; |
|||
margin: 0 25rpx; |
|||
} |
|||
|
|||
.group-order .dates-boxes { |
|||
border-top: none; |
|||
padding-top: 0; |
|||
} |
|||
|
|||
.group-order .date-time.disable { |
|||
background: #CCCCCC; |
|||
color: #fff; |
|||
} |
|||
|
|||
.box { |
|||
margin: 30rpx 25rpx; |
|||
background: white; |
|||
border-radius: 9rpx; |
|||
} |
|||
|
|||
.box-title { |
|||
height: 113rpx; |
|||
margin: 0 20rpx; |
|||
font-size: 31rpx; |
|||
color: #000; |
|||
font-weight: 500; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.dates-boxes { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 31rpx 21rpx; |
|||
/* border-top: 1rpx solid #ccc; */ |
|||
} |
|||
|
|||
.date-item { |
|||
width: 120rpx; |
|||
height: 133rpx; |
|||
border-radius: 10rpx; |
|||
/* border: 1rpx solid #333; */ |
|||
text-align: center; |
|||
font-size: 27rpx; |
|||
color: #000; |
|||
margin-right: 20rpx; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
flex-direction: column; |
|||
background: #F5F5F5; |
|||
flex-shrink: 0; |
|||
} |
|||
|
|||
.date-item.active { |
|||
border-color: #0B898E; |
|||
color: #fff; |
|||
background: #0B898E; |
|||
} |
|||
|
|||
.date-item.disable { |
|||
border-color: #CCCCCC; |
|||
color: #999; |
|||
} |
|||
|
|||
.date-item .price { |
|||
font-size: 25rpx; |
|||
color: #D62828; |
|||
} |
|||
|
|||
.date-item.active .price { |
|||
color: #fff; |
|||
} |
|||
.date-item.active view { |
|||
color: #fff; |
|||
} |
|||
|
|||
.date-item.disable .price { |
|||
color: #999; |
|||
} |
|||
.date-item.disable .short-date { |
|||
color: #999; |
|||
} |
|||
|
|||
.more-item { |
|||
/* width: 99rpx; |
|||
margin-right: 0; */ |
|||
position: absolute; |
|||
right: 0; |
|||
text-align: center; |
|||
padding: 0 26rpx 0 24rpx; |
|||
display: flex; |
|||
font-weight: 400; |
|||
font-size: 27rpx; |
|||
color: #0B898E; |
|||
align-items: center; |
|||
} |
|||
|
|||
.date-times { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin: 0 21rpx; |
|||
padding-top: 34rpx; |
|||
padding-bottom: 10rpx; |
|||
/* border-top: 1rpx dashed #ccc; */ |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.date-time { |
|||
width: 315rpx; |
|||
line-height: 58rpx; |
|||
/* border: 1px solid #333; */ |
|||
border-radius: 10rpx; |
|||
text-align: center; |
|||
font-size: 25rpx; |
|||
flex-shrink: 0; |
|||
margin-bottom: 24rpx; |
|||
color: #000; |
|||
background-color: #F5F5F5; |
|||
} |
|||
|
|||
.date-time.disable { |
|||
/* border-color: #ccc; |
|||
color: #666666; */ |
|||
background: #F5F5F5; |
|||
font-weight: 400; |
|||
font-size: 25rpx; |
|||
color: #999999; |
|||
} |
|||
.short-date { |
|||
font-weight: 500; |
|||
font-size: 27rpx; |
|||
color: #000000; |
|||
} |
|||
|
|||
.date-time.active { |
|||
border-color: #0B898E; |
|||
background: #0B898E; |
|||
color: #fff; |
|||
} |
|||
|
|||
.box-title .iconfont { |
|||
font-size: 28rpx; |
|||
flex-shrink: 0; |
|||
} |
|||
|
|||
.number-box { |
|||
font-size: 29rpx; |
|||
font-weight: 500; |
|||
color: #000; |
|||
flex-shrink: 0; |
|||
/* width: 67rpx; */ |
|||
line-height: 49rpx; |
|||
/* background: #F0F0F0; */ |
|||
border-radius: 7rpx; |
|||
text-align: center; |
|||
margin: 0 20rpx; |
|||
} |
|||
|
|||
.fixed-bottom { |
|||
position: fixed; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
height: 113rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
background: white; |
|||
z-index: 1; |
|||
box-shadow: 0px 0px 16rpx 0px rgba(6, 0, 1, 0.1); |
|||
} |
|||
|
|||
.yuyue-box { |
|||
height: 138rpx; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.fixed-btn { |
|||
width: 320rpx; |
|||
line-height: 113rpx; |
|||
background: #D62828; |
|||
color: #fff; |
|||
text-align: center; |
|||
font-size: 36rpx; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.fixed-price-box { |
|||
margin-left: 25rpx; |
|||
flex-shrink: 0; |
|||
font-size: 29rpx; |
|||
color: #333; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.fixed-price-box .price { |
|||
color: #D62828; |
|||
font-size: 36rpx; |
|||
margin-left: 10rpx; |
|||
} |
|||
|
|||
.allowance { |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.allowance>view:nth-child(2) { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.allowance image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
margin-left: 10rpx; |
|||
} |
|||
|
|||
.allowance .border { |
|||
width: 30rpx; |
|||
height: 30rpx; |
|||
border-radius: 50%; |
|||
border: 4rpx solid #0B98BE; |
|||
margin-left: 10rpx; |
|||
} |
|||
|
|||
.coupon-btn { |
|||
width: 138rpx; |
|||
line-height: 56rpx; |
|||
border: 1px solid #333333; |
|||
border-radius: 29rpx; |
|||
text-align: center; |
|||
font-size: 28rpx; |
|||
color: #000; |
|||
} |
|||
|
|||
.box-title input { |
|||
flex: 1; |
|||
display: block; |
|||
font-size: 31rpx; |
|||
color: #666; |
|||
margin-left: 15rpx; |
|||
font-weight: 400; |
|||
text-align: right; |
|||
} |
|||
|
|||
.yuyue-btn { |
|||
width: 657rpx; |
|||
line-height: 78rpx; |
|||
border-radius: 39rpx; |
|||
} |
|||
|
|||
.group-order .yuyue-box { |
|||
height: 100rpx; |
|||
} |
|||
|
|||
.group-order .yuyue-btn { |
|||
width: 100%; |
|||
/* height: 100%; */ |
|||
line-height: 100rpx; |
|||
border-radius: 0; |
|||
} |
|||
|
|||
.mask-allowance .mask-content { |
|||
margin: auto; |
|||
top: initial; |
|||
bottom: initial; |
|||
padding: 20rpx; |
|||
} |
|||
|
|||
.mask-allowance .mask-content .rule-title { |
|||
text-align: center; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.dialog-top { |
|||
color: #999; |
|||
font-weight: 500; |
|||
padding: 40rpx 33.33rpx 0; |
|||
} |
|||
|
|||
.scene-title { |
|||
font-size: 35rpx; |
|||
font-weight: bold; |
|||
color: #333; |
|||
margin-bottom: 32.67rpx; |
|||
} |
|||
|
|||
.people-message { |
|||
margin-bottom: 26.67rpx; |
|||
/* padding-bottom: 26.67rpx; */ |
|||
/* border-bottom: 1px solid #F0F0F0; */ |
|||
font-weight: bold; |
|||
font-size: 32rpx; |
|||
} |
|||
|
|||
.people { |
|||
border-top: 1rpx solid #F0F0F0; |
|||
padding: 26.67rpx 0 24rpx; |
|||
} |
|||
|
|||
.flex { |
|||
display: flex; |
|||
} |
|||
|
|||
.bottom-btn { |
|||
display: flex; |
|||
border-top: 1rpx solid #F0F0F0; |
|||
height: 96rpx; |
|||
/* padding: 32.67rpx 0; */ |
|||
} |
|||
|
|||
.cancle { |
|||
width: 50%; |
|||
color: #999; |
|||
text-align: center; |
|||
line-height: 96rpx; |
|||
} |
|||
|
|||
.confirm { |
|||
width: 50%; |
|||
text-align: center; |
|||
color: #D62828; |
|||
line-height: 96rpx; |
|||
border-left: 1rpx solid #F0F0F0; |
|||
} |
|||
|
|||
.mask-content1 { |
|||
max-height: 710rpx; |
|||
position: relative; |
|||
z-index: 1; |
|||
width: 80%; |
|||
background: white; |
|||
border-radius: 12rpx; |
|||
/* margin-bottom: 45%; */ |
|||
overflow-y: auto; |
|||
margin: auto; |
|||
} |
|||
.change-date { |
|||
font-weight: 500; |
|||
font-size: 27rpx; |
|||
color: #0B898E; |
|||
} |
|||
.text1 { |
|||
margin-left: 21rpx; |
|||
font-weight: 400; |
|||
font-size: 23rpx; |
|||
color: #0B898E; |
|||
margin-bottom: 21rpx; |
|||
display: flex; |
|||
align-items: flex-end; |
|||
padding-bottom: 40rpx; |
|||
} |
|||
.text2 { |
|||
margin-left: 22rpx; |
|||
font-weight: 400; |
|||
font-size: 23rpx; |
|||
color: #666666; |
|||
padding-bottom: 41rpx; |
|||
} |
|||
.mask-content2 { |
|||
position: absolute; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
width: 100%; |
|||
background: white; |
|||
border-radius: 12rpx; |
|||
overflow-y: auto; |
|||
height: 1100rpx; |
|||
} |
|||
.bottom-box { |
|||
height: 133rpx; |
|||
background: #FFFFFF; |
|||
box-shadow: 0rpx -3rpx 8rpx 0rpx rgba(71,71,71,0.1); |
|||
padding: 0 50rpx; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
position: absolute; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
} |
|||
.totalPrice { |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 48rpx; |
|||
color: #D62828; |
|||
} |
|||
.totalPrice::before { |
|||
content: "￥"; |
|||
font-size: 24rpx; |
|||
} |
|||
.next { |
|||
width: 250rpx; |
|||
height: 80rpx; |
|||
background: #D62828; |
|||
border-radius: 40rpx; |
|||
font-family: PingFang; |
|||
font-weight: bold; |
|||
font-size: 32rpx; |
|||
color: #FFFFFF; |
|||
text-align: center; |
|||
line-height: 80rpx; |
|||
} |
|||
.icon-close { |
|||
position: absolute; |
|||
top: 30rpx; |
|||
right: 30rpx; |
|||
} |
|||
.s-price { |
|||
font-weight: 500; |
|||
font-size: 36rpx; |
|||
color: #D62828; |
|||
margin-right: 17rpx; |
|||
} |
|||
.s-price::before { |
|||
content: "￥"; |
|||
font-size: 24rpx; |
|||
} |
|||
Loading…
Reference in new issue