2020-06-09 17:33:12 +08:00
< template >
< view class = "order" >
2020-07-30 20:33:16 +08:00
< view class = "info-address" @click ="changeAddress" v-if ="JSON.stringify(addressInfo) != '{}'" >
2020-06-09 17:33:12 +08:00
< image src = "../static/image/2.png" class = "address-icon" > < / image >
< view class = "address" >
< view class = "user-info" >
2020-07-06 17:32:29 +08:00
< view > { { addressInfo . address _realname } } < / view >
< view > { { addressInfo . address _mob _phone } } < / view >
2020-06-09 17:33:12 +08:00
< / view >
2020-07-06 17:32:29 +08:00
< view class = "address-text u-line-2" > { { addressInfo . area _info + addressInfo . address _detail } } < / view >
2020-06-09 17:33:12 +08:00
< / view >
< image src = "../static/image/1.png" class = "right" > < / image >
< / view >
2020-07-30 20:33:16 +08:00
< view v -else class = "address-none" @click ="changeAddress" > 请选择地址 < / view >
2020-06-09 17:33:12 +08:00
< view class = "main" >
2020-06-30 18:06:50 +08:00
< view v-for ="(item, index) in orderInfo.store_cart_list" :key ="index" >
< view class = "goods-info" >
< view class = "store" >
2020-08-04 19:08:04 +08:00
< image class = "avatar" :src ="orderInfo.store_list[index].store_avatar" > < / image >
2020-06-30 18:06:50 +08:00
< view > { { item [ 0 ] . store _name } } < / view >
< image src = "../static/image/1.png" class = "right" > < / image >
< / view >
< view class = "goods" >
< view v-for ="(goods, g_index) in item" :key="g_index" class="goods-item" >
< image :src ="goods.goods_image_url" > < / image >
< view class = "info" >
< view class = "name u-line-2" > { { goods . goods _name } } < / view >
< view class = "cart-info" >
2020-08-10 17:38:54 +08:00
< view class = "price" > ¥ { { goods . goods _total } } < / view >
2020-07-14 17:43:15 +08:00
< view > × { { goods . goods _num } } < / view >
2020-06-30 18:06:50 +08:00
< / view >
2020-06-09 17:33:12 +08:00
< / view >
< / view >
< / view >
< / view >
2020-06-30 18:06:50 +08:00
< view class = "order-info" >
2020-07-23 14:56:20 +08:00
< view @ click = "showCoupon({type: 2, store_id: item[0].store_id})" v-if ="orderType == 1 || orderType == 5" >
2020-06-30 18:06:50 +08:00
< view class = "title" > 优惠券折扣 < / view >
< view class = "value" >
2020-07-23 14:56:20 +08:00
< view > - ¥ { { storeCoupon [ item [ 0 ] . store _id ] ? storeCoupon [ item [ 0 ] . store _id ] . voucher _price . toFixed ( 2 ) : '0.00' } } < / view >
2020-06-30 18:06:50 +08:00
< image src = "../static/image/1.png" > < / image >
< / view >
2020-06-09 17:33:12 +08:00
< / view >
2020-07-16 17:39:06 +08:00
< view >
< view class = "title" > 运费 < / view >
2020-06-30 18:06:50 +08:00
< view class = "value" >
2020-07-16 17:39:06 +08:00
< view v-if ="freight" > ¥ {{ freight | setFreight ( index ) }} < / view >
2020-06-30 18:06:50 +08:00
< / view >
2020-07-16 17:39:06 +08:00
< / view >
2020-07-14 09:15:51 +08:00
< / view >
< / view >
< / view >
< view class = "common-active" >
2020-07-23 14:56:20 +08:00
< view @ click = "showCoupon({type: 1})" v-if ="orderType == 1 || orderType == 5" >
2020-07-14 09:15:51 +08:00
< view class = "title" > 平台优惠券 < / view >
< view class = "value" >
2020-07-23 14:56:20 +08:00
< view > - ¥ { { choiceCoupon . vouchertemplate _id ? choiceCoupon . voucher _price . toFixed ( 2 ) : '0.00' } } < / view >
2020-07-14 09:15:51 +08:00
< image src = "../static/image/1.png" > < / image >
< / view >
< / view >
2020-07-16 17:39:06 +08:00
< view @click ="showDelivery=true" >
2020-07-14 09:15:51 +08:00
< view class = "title" > 配送方式 < / view >
< view class = "value" >
2020-07-16 17:39:06 +08:00
< view > { { delivery . text } } < / view >
2020-07-14 09:15:51 +08:00
< image src = "../static/image/1.png" > < / image >
2020-06-09 17:33:12 +08:00
< / view >
< / view >
< / view >
2020-07-18 17:43:37 +08:00
< u -popup v-model ="couponStatus" mode="bottom" >
2020-07-23 14:56:20 +08:00
< scroll -view class = "coupon-choose" scroll -y style = "height: 800rpx;" v-if ="this.couponType.type == 1" >
2020-07-18 17:43:37 +08:00
< view class = "title" > 优惠券详情 < / view >
2020-07-27 17:59:47 +08:00
< view class = "text" > 平台优惠券 < / view >
2020-07-23 14:56:20 +08:00
< Coupon :couponInfo ="coupon" @use ="useCoupon($event)" :goodsClass ="goodsClass" v-for ="(coupon, index) in orderInfo.store_voucher_all_list" :key ="index" > < / Coupon >
< u -empty text = "无可用优惠券" mode = "coupon" v-if ="!orderInfo.store_voucher_all_list.length" > < / u -empty >
< / s c r o l l - v i e w >
< scroll -view class = "coupon-choose" scroll -y style = "height: 800rpx;" v-if ="this.couponType.type == 2" >
< view class = "title" > 优惠券详情 < / view >
2020-07-27 17:59:47 +08:00
< view class = "text" > 店铺优惠券 < / view >
2020-07-23 14:56:20 +08:00
< Coupon :couponInfo ="coupon" @use ="useCoupon($event)" :goodsClass ="goodsClass" v-for ="(coupon, index) in orderInfo.store_voucher_list[this.couponType.store_id]" :key ="index" > < / Coupon >
< u -empty text = "无可用优惠券" mode = "coupon" v-if ="!orderInfo.store_voucher_list[this.couponType.store_id].length" > < / u -empty >
2020-07-18 17:43:37 +08:00
< / s c r o l l - v i e w >
< / u - p o p u p >
2020-06-10 16:06:01 +08:00
< view class = "bottom" >
< view class = "left" >
< view class = "title" > 合计 : < / view >
2020-07-16 17:39:06 +08:00
< view class = "price" > ¥ { { totalPrice } } < / view >
2020-06-10 16:06:01 +08:00
< / view >
< view class = "right" >
2020-07-14 09:15:51 +08:00
< view class = "num" > 共件 { { orderInfo . store _cart _list | setTotalNumber } } 商品 < / view >
2020-07-22 18:51:48 +08:00
< view class = "btn" @click ="intermediate" > 结算 < / view >
2020-06-10 16:06:01 +08:00
< / view >
< / view >
2020-07-16 17:39:06 +08:00
< u -action -sheet :list ="deliveryList" @click ="setDelivery" border -radius = " 10 " v-model ="showDelivery" > < / u -action -sheet >
2020-06-09 17:33:12 +08:00
< / view >
< / template >
< script >
2020-07-20 17:17:41 +08:00
import Coupon from "@/components/mine/coupon/mine" ;
2020-06-09 17:33:12 +08:00
export default {
data ( ) {
2020-06-30 18:06:50 +08:00
return {
2020-07-16 17:39:06 +08:00
showDelivery : false ,
2020-06-30 18:06:50 +08:00
orderInfo : { } ,
totalPrice : '0.00' ,
2020-07-06 17:32:29 +08:00
addressInfo : { } ,
2020-07-16 17:39:06 +08:00
freight : { } , // 运费
isTakeawayer : '' , // 是否支持骑手
deliveryList : [ {
text : '快递' ,
value : 'express' ,
} , {
text : '骑手' ,
value : 'takeawayer' ,
} ] ,
delivery : {
text : '快递' ,
value : 'express' ,
} , // 配送方式
2020-07-18 17:43:37 +08:00
couponList : [ ] ,
couponStatus : false ,
2020-07-23 14:56:20 +08:00
couponType : { } , // 选择的优惠券
storeCoupon : { } , // 选中的店铺优惠券
2020-07-18 17:43:37 +08:00
choiceCoupon : { } , // 使用的平台优惠券
2020-07-20 17:17:41 +08:00
goodsClass : [ ] ,
2020-07-22 18:51:48 +08:00
orderType : '' , // 订单类型 1 普通订单 2 拼团订单 3 秒杀订单 4 优惠券 5 购物车订单
2020-08-03 18:38:04 +08:00
debounce : true ,
2020-06-30 18:06:50 +08:00
}
} ,
2020-07-18 17:43:37 +08:00
components : {
Coupon
} ,
2020-06-30 18:06:50 +08:00
filters : {
2020-07-14 09:15:51 +08:00
setTotalNumber ( data ) {
let num = 0 ;
for ( const key in data ) {
if ( data . hasOwnProperty ( key ) ) {
2020-07-14 17:43:15 +08:00
const element = data [ key ] ;
element . forEach ( item => {
num += item . goods _num ;
} )
2020-07-14 09:15:51 +08:00
}
}
return num ;
} ,
2020-07-16 17:39:06 +08:00
setFreight ( freight , index ) {
return freight [ index ] ;
}
2020-06-30 18:06:50 +08:00
} ,
onLoad ( option ) {
2020-07-21 21:02:28 +08:00
this . orderType = this . $store . state . orderType ;
this . orderInfo = this . $store . state . orderInfo ;
2020-08-11 15:38:43 +08:00
// console.log('orderType' + this.orderType);
2020-07-30 20:33:16 +08:00
// console.log(this.orderInfo);
2020-07-23 14:56:20 +08:00
this . getGoodsClass ( ) ;
2020-07-30 20:33:16 +08:00
this . setTotalPrice ( ) ;
2020-07-16 17:39:06 +08:00
} ,
onShow ( ) {
2020-08-03 18:38:04 +08:00
this . debounce = true ;
2020-07-27 17:59:47 +08:00
this . storeCoupon = { } ;
this . choiceCoupon = { } ;
2020-07-16 17:39:06 +08:00
// 判断是不是从选择地址页面返回
if ( JSON . stringify ( this . $store . state . orderAddress ) == '{}' ) {
2020-07-30 20:33:16 +08:00
if ( this . orderInfo . address _info ) this . $store . commit ( 'updateAddress' , this . orderInfo . address _info ) ;
2020-07-16 17:39:06 +08:00
} else {
2020-07-30 20:33:16 +08:00
if ( this . $store . getters . getOrderAddress ) this . addressInfo = this . $store . state . orderAddress ;
2020-07-16 17:39:06 +08:00
}
} ,
beforeDestroy ( ) {
this . $store . commit ( 'updateAddress' , { } ) ;
} ,
watch : {
'$store.state.orderAddress' ( value ) {
this . addressInfo = value ;
2020-07-30 20:33:16 +08:00
if ( JSON . stringify ( value ) != '{}' ) this . getFreight ( ) ;
2020-07-23 14:56:20 +08:00
} ,
2020-06-10 16:06:01 +08:00
} ,
methods : {
2020-07-22 18:51:48 +08:00
// 如果有pintuangroup_headid为参团不然为开团
async withImmediate ( type ) {
let params = {
pintuan _id : this . orderInfo . pintuan _id ,
}
2020-08-06 17:52:25 +08:00
// console.log(this.orderInfo);
// console.log(this.$store.state.pintuangroup_headid);
2020-07-22 18:51:48 +08:00
if ( this . orderInfo . pintuangroup _id ) {
Object . assign ( params , { pintuangroup _headid : this . $store . state . pintuangroup _headid } ) ;
Object . assign ( params , { pintuangroup _id : this . orderInfo . pintuangroup _id } ) ;
}
2020-08-06 17:52:25 +08:00
console . log ( params ) ;
2020-07-22 18:51:48 +08:00
this . $u . api . withImmediate ( params ) . then ( res => {
this . showGroupUser = false ;
this . showInvolvementUser = false ;
if ( res . errCode == 0 ) {
this . sendOrder ( 0 ) ;
} else {
2020-08-03 18:38:04 +08:00
this . debounce = true ;
2020-07-22 18:51:48 +08:00
this . $u . toast ( res . message ) ;
}
} )
} ,
intermediate ( ) {
2020-08-03 18:38:04 +08:00
if ( ! this . debounce ) return ;
this . debounce = false ;
2020-07-24 19:48:57 +08:00
if ( this . orderType == 2 ) {
this . withImmediate ( ) ;
} else if ( this . orderType == 1 ) {
this . sendOrder ( 0 ) ;
2020-08-11 09:46:05 +08:00
} else if ( this . orderType == 3 ) {
this . sendOrder ( 0 ) ;
2020-08-05 17:38:11 +08:00
} else {
this . sendOrder ( 1 ) ;
2020-07-24 19:48:57 +08:00
}
2020-07-22 18:51:48 +08:00
} ,
2020-07-24 19:48:57 +08:00
// @params {Number} ifcart 是否是购物车商品
2020-07-22 18:51:48 +08:00
sendOrder ( ifcart ) {
2020-07-14 17:43:15 +08:00
// 拼接后端需要的数据形式
let id = [ ] , temp = '' ;
const object = this . orderInfo . store _cart _list ;
for ( const key in object ) {
if ( object . hasOwnProperty ( key ) ) {
const element = object [ key ] ;
element . forEach ( item => {
temp = item . cart _id + '|' + item . goods _num ;
id . push ( temp ) ;
temp = '' ;
} )
}
}
2020-07-23 14:56:20 +08:00
// 拼接优惠券
let coupon = [ ] ;
for ( const key in this . storeCoupon ) {
if ( this . storeCoupon . hasOwnProperty ( key ) ) {
const element = this . storeCoupon [ key ] ;
temp = key + '|' + element . voucher _id ;
coupon . push ( temp ) ;
temp = '' ;
}
}
// 平台券store_id写0
if ( JSON . stringify ( this . choiceCoupon ) != '{}' ) {
coupon . push ( 0 + '|' + this . choiceCoupon . voucher _id )
}
2020-07-30 20:33:16 +08:00
// 验证是否选择地址
if ( ! this . addressInfo || JSON . stringify ( this . addressInfo ) == '{}' ) {
this . $u . toast ( '收货地址不能为空' ) ;
return false ;
}
2020-07-21 21:02:28 +08:00
let params = {
2020-07-22 18:51:48 +08:00
ifcart : ifcart ,
2020-07-14 17:43:15 +08:00
cart _id : id ,
address _id : this . addressInfo . address _id ,
2020-07-14 10:13:27 +08:00
buy _city _id : this . addressInfo . city _id ,
2020-07-21 21:02:28 +08:00
}
2020-07-24 19:48:57 +08:00
if ( coupon . length ) Object . assign ( params , { voucher _id : coupon } ) ;
2020-07-22 18:51:48 +08:00
if ( this . orderType == 2 ) {
2020-07-24 19:48:57 +08:00
Object . assign ( params , { pintuan _id : this . orderInfo . pintuan _id } ) ;
if ( this . orderInfo . pintuangroup _id ) Object . assign ( params , { pintuangroup _id : this . orderInfo . pintuangroup _id } ) ;
2020-07-22 18:51:48 +08:00
}
2020-07-23 14:56:20 +08:00
// console.log(params);
2020-07-21 21:02:28 +08:00
this . $u . api . sendOrder ( params ) . then ( res => {
2020-07-14 17:43:15 +08:00
if ( res . errCode == 0 ) {
this . $u . route ( {
2020-07-27 17:59:47 +08:00
type : 'redirect' ,
2020-07-14 17:43:15 +08:00
url : '/pageC/cart/cashier' ,
params : {
2020-08-03 19:51:05 +08:00
ifcart : params . ifcart ,
2020-07-14 17:43:15 +08:00
pay _sn : res . data . pay _sn ,
price : res . data . order _total _amount ,
2020-08-03 19:51:05 +08:00
order _id : res . data . order _list [ 0 ] . order _id ,
2020-07-14 17:43:15 +08:00
}
} )
2020-07-22 18:51:48 +08:00
} else {
2020-08-03 18:38:04 +08:00
this . debounce = true ;
2020-07-22 18:51:48 +08:00
this . $u . toast ( res . message ) ;
2020-07-14 17:43:15 +08:00
}
2020-07-14 10:13:27 +08:00
} )
2020-07-06 17:32:29 +08:00
} ,
2020-07-23 14:56:20 +08:00
showCoupon ( { type , store _id = - 1 } = { } ) {
this . couponType = {
2020-07-18 17:43:37 +08:00
type : type ,
2020-07-23 14:56:20 +08:00
store _id : store _id
2020-07-20 17:17:41 +08:00
}
2020-07-23 14:56:20 +08:00
this . couponStatus = true ;
2020-07-18 17:43:37 +08:00
} ,
useCoupon ( coupon ) {
2020-07-23 14:56:20 +08:00
if ( this . couponType . type == 1 ) this . choiceCoupon = coupon ;
if ( this . couponType . type == 2 ) {
Object . assign ( this . storeCoupon , {
[ this . couponType . store _id ] : coupon
} )
}
// console.log(this.choiceCoupon);
// console.log(this.storeCoupon);
2020-07-18 17:43:37 +08:00
this . couponStatus = false ;
2020-07-23 14:56:20 +08:00
this . setTotalPrice ( ) ; // 计算总价
2020-07-18 17:43:37 +08:00
} ,
2020-07-06 17:32:29 +08:00
getFreight ( ) {
this . $u . api . getFreight ( {
freight _hash : this . orderInfo . freight _hash ,
city _id : this . addressInfo . city _id ,
area _id : this . addressInfo . area _id ,
2020-07-16 17:39:06 +08:00
delivery : this . delivery . value ,
2020-07-06 17:32:29 +08:00
} ) . then ( res => {
if ( res . errCode == 0 ) {
2020-07-16 17:39:06 +08:00
this . freight = res . data . content ;
this . isTakeawayer = res . data . delivery . takeawayer ;
this . setTotalPrice ( ) ; // 计算总价
2020-07-06 17:32:29 +08:00
}
} )
2020-06-30 18:06:50 +08:00
} ,
2020-07-23 14:56:20 +08:00
setTotalPrice ( ) {
2020-07-16 17:39:06 +08:00
const goods = this . orderInfo . store _goods _total ;
2020-08-01 16:36:48 +08:00
// console.log(this.freight);
2020-07-16 17:39:06 +08:00
const freight = this . freight ;
let price = 0 ;
2020-07-23 14:56:20 +08:00
// 商品价格加上运费
2020-07-16 17:39:06 +08:00
[ goods , freight ] . forEach ( object => {
for ( const key in object ) {
if ( object . hasOwnProperty ( key ) ) {
const element = object [ key ] ;
price += Number ( element ) ;
}
}
} )
2020-07-23 14:56:20 +08:00
// 减去优惠券
// 平台
if ( JSON . stringify ( this . choiceCoupon ) != '{}' ) price -= Number ( this . choiceCoupon . voucher _price ) ;
// 店铺
if ( JSON . stringify ( this . storeCoupon ) != '{}' ) {
for ( const key in this . storeCoupon ) {
if ( this . storeCoupon . hasOwnProperty ( key ) ) {
const element = this . storeCoupon [ key ] ;
price -= element . voucher _price ;
}
}
}
2020-07-16 17:39:06 +08:00
// console.log(price);
2020-07-23 14:56:20 +08:00
this . totalPrice = price . toFixed ( 2 ) ;
2020-07-16 17:39:06 +08:00
} ,
setDelivery ( index ) {
if ( index == 1 ) {
if ( ! this . isTakeawayer ) this . $u . toast ( '此地区不支持骑手配送' ) ;
return false ;
}
this . delivery = this . deliveryList [ index ] ;
this . getFreight ( ) ;
} ,
2020-06-10 16:06:01 +08:00
settlement ( ) {
uni . navigateTo ( {
url : '/pageE/order/Details'
} ) ;
} ,
2020-07-20 17:17:41 +08:00
getGoodsClass ( ) {
this . $u . api . getGoodsClass ( ) . then ( res => {
this . goodsClass = res . data ;
} )
} ,
2020-06-10 16:06:01 +08:00
changeAddress ( ) {
uni . navigateTo ( {
2020-07-16 17:39:06 +08:00
url : '/pageE/more/Address?type=choose'
2020-06-10 16:06:01 +08:00
} ) ;
}
} ,
2020-06-09 17:33:12 +08:00
} ;
< / script >
< style lang = "scss" scoped >
. order {
2020-06-10 16:06:01 +08:00
min - height : calc ( 100 vh - var ( -- window - top ) ) ;
background - color : # ECECEC ;
padding - top : 1 rpx ;
2020-06-09 17:33:12 +08:00
. info - address {
2020-06-10 16:06:01 +08:00
padding : 30 rpx ;
display : flex ;
align - items : center ;
margin - bottom : 10 rpx ;
background : rgba ( 255 , 255 , 255 , 1 ) ;
. address - icon {
width : 28 rpx ;
height : 34 rpx ;
margin - right : 31 rpx ;
flex - shrink : 0 ;
}
. address {
width : 570 rpx ;
. user - info {
display : flex ;
align - items : center ;
font - size : 28 rpx ;
color : rgba ( 51 , 51 , 51 , 1 ) ;
margin - bottom : 20 rpx ;
2020-07-14 09:15:51 +08:00
> view : first - child {
margin - right : 13 rpx ;
}
2020-06-10 16:06:01 +08:00
}
. address - text {
font - size : 24 rpx ;
color : rgba ( 102 , 102 , 102 , 1 ) ;
line - height : 42 rpx ;
}
}
. right {
flex - shrink : 0 ;
margin - left : auto ;
width : 12 rpx ;
height : 22 rpx ;
}
}
2020-07-30 20:33:16 +08:00
. address - none {
height : 150 rpx ;
line - height : 150 rpx ;
margin - bottom : 10 rpx ;
background : rgba ( 255 , 255 , 255 , 1 ) ;
text - align : center ;
color : # 333 ;
}
2020-06-10 16:06:01 +08:00
. main {
2020-07-14 09:15:51 +08:00
margin - bottom : 50 rpx ;
2020-06-30 18:06:50 +08:00
> view {
2020-07-14 17:43:15 +08:00
margin - bottom : 20 rpx ;
2020-06-30 18:06:50 +08:00
. goods - info {
background - color : # ffffff ;
padding : 30 rpx ;
margin - bottom : 2 rpx ;
. store {
2020-06-09 17:33:12 +08:00
display : flex ;
align - items : center ;
2020-06-30 18:06:50 +08:00
margin - bottom : 20 rpx ;
. avatar {
width : 60 rpx ;
height : 60 rpx ;
border - radius : 50 % ;
margin - right : 15 rpx ;
2020-08-04 19:08:04 +08:00
background - color : aquamarine ;
2020-06-30 18:06:50 +08:00
}
> view {
font - size : 28 rpx ;
color : rgba ( 51 , 51 , 51 , 1 ) ;
margin - right : 15 rpx ;
2020-06-10 16:06:01 +08:00
}
2020-06-30 18:06:50 +08:00
. right {
2020-06-10 16:06:01 +08:00
flex - shrink : 0 ;
2020-06-30 18:06:50 +08:00
width : 11 rpx ;
height : 22 rpx ;
2020-06-10 16:06:01 +08:00
}
2020-06-30 18:06:50 +08:00
}
. goods {
. goods - item {
2020-06-10 16:06:01 +08:00
display : flex ;
2020-06-30 18:06:50 +08:00
align - items : center ;
& : not ( : last - child ) {
margin - bottom : 20 rpx ;
}
> image {
margin - right : 30 rpx ;
width : 180 rpx ;
height : 160 rpx ;
border - radius : 10 rpx ;
background - color : aqua ;
flex - shrink : 0 ;
2020-06-10 16:06:01 +08:00
}
2020-06-30 18:06:50 +08:00
. info {
2020-07-06 17:32:29 +08:00
flex : 1 ;
2020-06-30 18:06:50 +08:00
// width: 418rpx;
height : 160 rpx ;
2020-06-10 16:06:01 +08:00
display : flex ;
2020-06-30 18:06:50 +08:00
flex - direction : column ;
2020-06-10 16:06:01 +08:00
justify - content : space - between ;
2020-06-30 18:06:50 +08:00
. name {
2020-06-10 16:06:01 +08:00
font - size : 30 rpx ;
2020-08-08 12:07:50 +08:00
height : 88 rpx ;
line - height : 44 rpx ;
2020-06-30 18:06:50 +08:00
color : rgba ( 51 , 51 , 51 , 1 ) ;
2020-06-10 16:06:01 +08:00
}
2020-06-30 18:06:50 +08:00
. cart - info {
display : flex ;
align - items : center ;
justify - content : space - between ;
. price {
font - size : 30 rpx ;
font - weight : 500 ;
color : rgba ( 255 , 49 , 49 , 1 ) ;
}
. u - numberbox {
border : 1 rpx solid rgba ( 217 , 215 , 215 , 1 ) ;
border - radius : 4 px ;
/deep/ . u - number - input {
margin : 0 ;
color : # 333 ! important ;
border : 1 rpx # D9D7D7 solid {
top : 0 px ;
bottom : 0 px ;
}
2020-06-10 16:06:01 +08:00
}
}
}
}
}
2020-06-09 17:33:12 +08:00
}
2020-06-10 16:06:01 +08:00
}
2020-06-30 18:06:50 +08:00
. order - info {
> view {
height : 98 rpx ;
background : rgba ( 255 , 255 , 255 , 1 ) ;
padding : 35 rpx 30 rpx ;
2020-06-10 16:06:01 +08:00
display : flex ;
align - items : center ;
2020-06-30 18:06:50 +08:00
justify - content : space - between ;
margin - bottom : 2 rpx ;
. title {
font - size : 28 rpx ;
color : rgba ( 102 , 102 , 102 , 1 ) ;
}
. value {
display : flex ;
align - items : center ;
font - size : 30 rpx ;
color : rgba ( 51 , 51 , 51 , 1 ) ;
> image {
width : 12 rpx ;
height : 22 rpx ;
flex - shrink : 0 ;
margin - left : 20 rpx ;
}
2020-06-10 16:06:01 +08:00
}
}
}
}
}
2020-07-14 09:15:51 +08:00
. common - active {
padding - bottom : 200 rpx ;
> view {
height : 98 rpx ;
background : rgba ( 255 , 255 , 255 , 1 ) ;
padding : 35 rpx 30 rpx ;
display : flex ;
align - items : center ;
justify - content : space - between ;
margin - bottom : 2 rpx ;
. title {
font - size : 28 rpx ;
color : rgba ( 102 , 102 , 102 , 1 ) ;
}
. value {
display : flex ;
align - items : center ;
font - size : 30 rpx ;
color : rgba ( 51 , 51 , 51 , 1 ) ;
> image {
width : 12 rpx ;
height : 22 rpx ;
flex - shrink : 0 ;
margin - left : 20 rpx ;
}
}
}
}
2020-07-18 17:43:37 +08:00
. coupon - choose {
box - sizing : border - box ;
padding : 30 rpx ;
. title {
padding - bottom : 30 rpx ;
font - size : 32 rpx ;
font - weight : 500 ;
color : rgba ( 51 , 51 , 51 , 1 ) ;
text - align : center ;
}
. text {
padding - bottom : 30 rpx ;
font - size : 28 rpx ;
font - weight : 500 ;
color : rgba ( 102 , 102 , 102 , 1 ) ;
}
}
2020-06-10 16:06:01 +08:00
. bottom {
padding : 35 rpx 30 rpx ;
position : fixed ;
bottom : 0 ;
left : 0 ;
width : 100 % ;
height : 98 rpx ;
background - color : rgba ( 255 , 255 , 255 , 1 ) ;
box - shadow : 0 rpx 10 rpx 14 rpx 2 rpx rgba ( 0 , 0 , 0 , 0.34 ) ;
display : flex ;
align - items : center ;
justify - content : space - between ;
. left {
display : flex ;
align - items : center ;
font - size : 30 rpx ;
. title {
color : rgba ( 153 , 153 , 153 , 1 ) ;
margin - right : 10 rpx ;
2020-06-09 17:33:12 +08:00
}
2020-06-10 16:06:01 +08:00
. price {
color : # F40E0E ;
2020-06-09 17:33:12 +08:00
}
}
2020-06-10 16:06:01 +08:00
. right {
display : flex ;
align - items : center ;
. num {
font - size : 26 rpx ;
color : rgba ( 153 , 153 , 153 , 1 ) ;
margin - right : 50 rpx ;
}
. btn {
width : 160 rpx ;
height : 60 rpx ;
background : rgba ( 255 , 120 , 15 , 1 ) ;
border - radius : 30 rpx ;
font - size : 30 rpx ;
color : rgba ( 255 , 255 , 255 , 1 ) ;
line - height : 60 rpx ;
text - align : center ;
}
}
}
2020-06-09 17:33:12 +08:00
}
< / style >