From a0f4b1cb6c6f0f8145f824e62fa43fd2d7968a0b Mon Sep 17 00:00:00 2001 From: taiyuan Date: Mon, 21 Sep 2020 16:21:39 +0800 Subject: [PATCH] 提交订单样式修改 --- pages/cart/cart2/cart2.wxml | 1030 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- pages/cart/cart2/cart2.wxss | 145 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------ 2 files changed, 634 insertions(+), 541 deletions(-) diff --git a/pages/cart/cart2/cart2.wxml b/pages/cart/cart2/cart2.wxml index e8552aa..e9da295 100644 --- a/pages/cart/cart2/cart2.wxml +++ b/pages/cart/cart2/cart2.wxml @@ -3,518 +3,550 @@
- - - - - - - - - - - 门店:{{item.pname}} - - - - - - - - - {{items.goods_name}} - - - - {{filters.show_gui_ge(items.goods_spec,items.goods_color)}} - - - - - - - - - - - - {{filters.toFix(items.goods_price,2)}} - x{{items.goods_num}} - - - - - - - - - 优惠券{{item.can_num}}张可用 - - 不使用 - ¥{{using_quan[item.pickup_id].money}}元优惠券 - 包邮券 + + + + + + + + + + + + {{item.pname}} + + + + + + + + + + {{items.goods_name}} + + + + {{filters.show_gui_ge(items.goods_spec,items.goods_color)}} + + + + + + + + + + + + {{filters.toFix(items.goods_price,2)}} + x{{items.goods_num}} + + + + + + + + + 优惠券{{item.can_num}}张可用 + + 不使用 + ¥{{using_quan[item.pickup_id].money}}元优惠券 + 包邮券 - - - - - - - - - {{order.store_prom}} - - - - - - - - - - - - - - - - 门店自提 - - - - - - - - - - - - - 快递邮寄 - - - - - - {{wu_arr[item.wind].name}} - - - - - + + + + + + + + + + + 门店自提 + + + + + + + + + + + + + 快递邮寄 + + + + + + {{wu_arr[item.wind].name}} + + + + + + - - - - - - - 留言 - - - - - - - - - - - - - 使用余额 :¥{{yuer}} - - - - - - - - - - 门店:{{bn_pickname}} - - - - - - {{bn_goods.goods_name}} - - - - {{filters.show_gui_ge(bn_goods.goods_spec,bn_goods.goods_color)}} - - - - - - - - - - - {{filters.toFix(bn_goods.shop_price,2)}} - x{{bn_goods.buynum}} - - - - - - - - - - - - - {{buy_now_gift_goods.goods_name}} - - - - {{filters.show_gui_ge(buy_now_gift_goods.goods_spec,buy_now_gift_goods.goods_color)}} - - - - - 0 - x{{buy_now_gift_goods.buynum}} - - - - - - - - - - - - - {{item.goods_name}} - - - - {{filters.show_gui_ge(item.goods_spec,item.goods_color)}} - - - - - {{item.price}} - x{{item.goods_num}} - - - - - - - - {{order.store_prom}} - - - - - - 优惠券 {{(selected_quan_list?selected_quan_list.length:0)+ (get_by_quan_list?get_by_quan_list.length:0)}}张可用 - - - 不使用 - - ¥{{using_quan[bn_pick].money}}元优惠券 - 包邮券 - - - - - - - - - - - 自提 - - - - 物流 - - - - {{wu_arr[index].name}} - - - - - - - - - 使用余额 :¥{{yuer}} - - - - 留言 - - - - - - - - - - 商品金额 - ¥ {{formData.all_price}}元 - - - 配送费用 - ¥ {{formData.shipping_price}}元 - - - 使用优惠券 - - ¥ {{formData.coupon_price}}元 - - - - 优惠活动 - - ¥ {{filters.toFix(formData.cut_price,2)}}元 - - - - 订单优惠 - - ¥ {{filters.toFix(formData.order_prom_amount,2)}}元 - - - 使用余额 - - ¥ {{formData.user_money}}元 - - - - - - - - 应付金额 : - ¥ {{formData.order_amount}}元 - - + + + + + + 留言 + + + + + + + + + + + + + 使用余额 :¥{{yuer}} + + + + + + + + + + + {{bn_pickname}} + + + + + + + + {{bn_goods.goods_name}} + + + + {{filters.show_gui_ge(bn_goods.goods_spec,bn_goods.goods_color)}} + + + + + + + + + + + {{filters.toFix(bn_goods.shop_price,2)}} + x{{bn_goods.buynum}} + + + + + + + + + + + + + {{buy_now_gift_goods.goods_name}} + + + + {{filters.show_gui_ge(buy_now_gift_goods.goods_spec,buy_now_gift_goods.goods_color)}} + + + + + 0 + x{{buy_now_gift_goods.buynum}} + + + + + + + + + + + + + {{item.goods_name}} + + + + {{filters.show_gui_ge(item.goods_spec,item.goods_color)}} + + + + + {{item.price}} + x{{item.goods_num}} + + + + + + + + + {{order.store_prom}} + + + + + + 优惠券 {{(selected_quan_list?selected_quan_list.length:0)+ (get_by_quan_list?get_by_quan_list.length:0)}}张可用 + + + 不使用 + + ¥{{using_quan[bn_pick].money}}元优惠券 + 包邮券 + + + + + + + + + + + 自提 + + + + 物流 + + + + + {{wu_arr[index].name}} + + + + + + + + + + + 使用余额 :¥{{yuer}} + + + + 留言 + + + + + + + + + + 商品金额 + ¥ {{formData.all_price}}元 + + + 配送费用 + ¥ {{formData.shipping_price}}元 + + + 使用优惠券 + - ¥ {{formData.coupon_price}}元 + + + + 优惠活动 + - ¥ {{filters.toFix(formData.cut_price,2)}}元 + + + + 订单优惠 + - ¥ {{filters.toFix(formData.order_prom_amount,2)}}元 + + + 使用余额 + - ¥ {{formData.user_money}}元 + + + + + + + 应付金额:¥{{formData.order_amount}} + + + +
- - - + + + - - 优惠券使用 - × - - - 可使用的优惠券 - 不使用优惠券 - Γ - - - - - - - - - + + + 优惠券使用 + + + × + + + + 可使用的优惠券 + 不使用优惠券 + + Γ + + + + + + + + + + + + + + + + + + + {{item.Sum}} + 满{{item.BuySum}}元可用 + 满0元可用 + + + + + + + + + {{filter.get_type_card(item.UseObjectType)}} + {{item.Sum}}元优惠券 + + {{filters.replace_time2(item.BeginDate)}}至{{item.ValidDate?filters.replace_time2(item.ValidDate):'不限'}} + + + + Γ + + + + + + + + + + + + + + + + + + + + + + + 包邮券 + 满{{item.condition}}元可用 + 满0元可用 + + + + + + + + + {{filter.get_type_card(0)}} + 包邮券 + + {{filters.format_time(item.use_start_time)}}至{{item.use_end_time?filters.format_time(item.use_end_time):'不限'}} + + + + Γ + + + + + + + + + + + + + + + + + + - - - - - - {{item.Sum}} - 满{{item.BuySum}}元可用 - 满0元可用 - - - - - - - - - {{filter.get_type_card(item.UseObjectType)}} - {{item.Sum}}元优惠券 - - {{filters.replace_time2(item.BeginDate)}}至{{item.ValidDate?filters.replace_time2(item.ValidDate):'不限'}} - - - Γ - - - - - - - + + + + + + 包邮券 + 满{{item.condition}}元可用 + 满0元可用 + + + + + + + + + {{filter.get_type_card(0)}} + 包邮券 + + {{filters.format_time(item.use_start_time)}}至{{item.use_end_time?filters.format_time(item.use_end_time):'不限'}} + + + + Γ + + + + + + + + + + - - - - - - - - - - - - 包邮券 - 满{{item.condition}}元可用 - 满0元可用 - - - - - - - - - {{filter.get_type_card(0)}} - 包邮券 - - {{filters.format_time(item.use_start_time)}}至{{item.use_end_time?filters.format_time(item.use_end_time):'不限'}} - - - Γ - - - - - - - - - - - - - - - - - - - - - - 包邮券 - 满{{item.condition}}元可用 - 满0元可用 - - - - - - - - - {{filter.get_type_card(0)}} - 包邮券 - - {{filters.format_time(item.use_start_time)}}至{{item.use_end_time?filters.format_time(item.use_end_time):'不限'}} - - - Γ - - - - - - - - - - - - - - - - 确定 - + + + + + + + + + 确定 + + - - - - - - - - 选择物流名字 - - - × - - - - - - - - Γ - - - - - {{express_list.name}} - - + + + + + + + + 选择物流名字 + + + × + + + + + + + + Γ + + + + + {{express_list.name}} + - - - 确定 - - - 设为默认 - - - - + + + + 确定 + + + 设为默认 + + + + - \ No newline at end of file + diff --git a/pages/cart/cart2/cart2.wxss b/pages/cart/cart2/cart2.wxss index 90f871c..8d759e9 100644 --- a/pages/cart/cart2/cart2.wxss +++ b/pages/cart/cart2/cart2.wxss @@ -1,11 +1,43 @@ +.bdr_t-14 { + border-top-left-radius: 14rpx; + border-top-right-radius: 14rpx; +} +.bdr_b-14 { + border-bottom-left-radius: 14rpx; + border-bottom-right-radius: 14rpx; +} +.mgt20 { + margin-top: 20rpx; +} +.shadow { + box-shadow: 0 4rpx 12px #e7e9eb; +} +.shadow-1 { + box-shadow: 16rpx 0px 12px #e7e9eb; +} + + +page { + /* background-color: #FAFAFA; */ + background-color: #F0F0F0; + padding: 0 22rpx; + box-sizing: border-box; +} +.container { + background-color: #F0F0F0; + /* padding-top: 28rpx; */ + padding-bottom: 120rpx; +} .user-mes { position: relative; background-color: #fff; font-size: 32rpx; color: #444; + /* margin-top: 28rpx; */ + border-radius: 14rpx; } .user-contact { - padding: 24rpx 70rpx; + padding: 24rpx 26rpx; font-weight: 600; } @@ -16,10 +48,10 @@ .pos-icon { position: absolute; - left: 22rpx; + left: 28rpx; top: 9rpx; - width: 32rpx; - height: 37.5rpx; + width: 30rpx; + height: 36rpx; } .border-img { @@ -32,7 +64,7 @@ right: 0; top: 0; width: 80rpx; - height: 148rpx; + height: 100%; display: flex; align-items: center; justify-content: center; @@ -51,7 +83,7 @@ .order-detail { padding: 30rpx 0; - border-bottom: 6rpx solid #eee; + border-bottom: 2rpx solid #eee; color: #777; min-height: 190rpx; background-color: #fff; @@ -90,22 +122,33 @@ line-height: 42rpx; } -.set-mes{background-color: #fff; } +.set-mes{ + background-color: #fff; + /* margin-top: 20rpx; */ +} .use-item{ display: flex; align-items: center; height: 80rpx; - border-bottom: 1px solid #ddd; + /* border-bottom: 1px solid #ddd; */ font-size: 30rpx; - width:95%; -margin:auto; - + /* width:95%; +margin:auto; */ + padding: 0 26rpx; } .use-item>view{ - display: flex;margin-right: 12rpx; + display: flex; + /* margin-right: 12rpx; */ +} +.use-item.bfff{ + background-color: #fff; +} +.use-item .dp{ + display: block; + width: 50rpx; + height: 50rpx; + margin-left: -6rpx; } -.use-item.bfff{ background-color: #fff;} -.use-item .dp{width: 56rpx; height: 56rpx; margin-left: -5rpx} .set-item { justify-content: space-between; @@ -135,14 +178,16 @@ margin:auto; } .coupon-mes { + /* box-sizing: border-box; */ height:95rpx; - padding: 0 20rpx; + padding: 0 26rpx; background-color: #fff; font-size: 30rpx; color: #444; - width: 100%; - - + /* width: 100%; */ + border-radius: 14rpx; + margin-top: 20rpx; + margin-bottom: 20rpx; } .coupon-title { @@ -169,15 +214,14 @@ margin:auto; .leave-word { position: relative; - font-size: 24rpx; margin-left: 20rpx; - + flex-grow: 1; } .word-box { - - width: 600rpx; + font-size: 26rpx; + /* width: 600rpx; */ padding: 10rpx; height: 28rpx; line-height: 40rpx; @@ -190,9 +234,9 @@ margin:auto; } .information { - padding: 0 20rpx; + padding: 0 26rpx; background-color: #fff; - margin-bottom: 120rpx; + /* margin-bottom: 120rpx; */ } .information .item { @@ -205,36 +249,50 @@ margin:auto; } .btn-wrap { - height: 100rpx; width: 100%; - background-color: #fff; - position: fixed; bottom: 0;left: 0; - border-top:1rpx solid #dee; - z-index:9999 + height: 94rpx; + box-sizing: border-box; + display: flex; + justify-content: space-between; + background-color: white; + align-items: center; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + padding: 0 30rpx; } .tips-btn { - float: right; + /* float: right; width: 200rpx; height: 100rpx; line-height: 100rpx; text-align: center; font-size: 30rpx; color: #fff; - background-color: #f23030; + background-color: #f23030; */ + color: white; + background-color: #FE4445; + height: 72rpx; + line-height: 72rpx; + padding: 0 42rpx; + border-radius: 36rpx; + margin-left: 0; + margin-right: 0; } .pay-amount { - float: right; + /* float: right; display: flex; align-items: center; height: 100rpx; font-size: 26rpx; - margin-right: 40rpx; + margin-right: 40rpx; */ } .payable { color: #444; - margin-right: 20rpx; + /* margin-right: 20rpx; */ } .shipping-modal { @@ -277,7 +335,11 @@ margin:auto; .add_new{height: 60rpx; line-height: 60rpx;} .addr_jia{width: 45rpx; height: 45rpx; border: 1rpx solid #ddd; margin-right: 15rpx; margin-left: 20rpx; vertical-align: middle;} -.yu_er{margin-left: 10rpx;margin-right: 60rpx;} .wuliu{margin-left: 20rpx;} +.yu_er{ + margin-left: 10rpx; + /* margin-right: 60rpx; */ +} +.wuliu{margin-left: 20rpx;} /*---- 优惠券列表 -----*/ @@ -290,8 +352,8 @@ margin:auto; width: 100%; height: 100%; border-bottom:3rpx solid #eee; - - + padding: 0 26rpx; + background-color: white; } .xc-right{ width:20rpx; @@ -300,7 +362,6 @@ margin:auto; border-right:2rpx solid #000; transform:rotate(45deg); display:inline-block; - } .xc-coupon-frame .work-frame .work{ font-size: 30rpx; line-height: 92rpx; } @@ -309,15 +370,15 @@ margin:auto; /* 自定义弹出窗口 */ .cx-popup{ width:100%; - height:920rpx; + height:900rpx; background: #fff; z-index: 35; border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; position:fixed; bottom:0; - padding-bottom: 25rpx; - + left: 0; + /* padding-bottom: 25rpx; */ } .cx-popup .top{ @@ -821,4 +882,4 @@ margin-left: 20rpx; .n_guige{ display: inline-block; background:rgb(236, 236, 236); color: rgb(63,63,63); padding: 3rpx 10rpx; border-radius: 3rpx } .gift_image{ width: 60rpx; height: 60rpx; position: absolute; top: 0; left: 0} -.quan_num_show{ padding: 6rpx 10rpx; background-color:#ea5551; color:#fff; border-radius: 6rpx } \ No newline at end of file +.quan_num_show{ padding: 6rpx 10rpx; background-color:#ea5551; color:#fff; border-radius: 6rpx;margin-left:10rpx;} \ No newline at end of file -- libgit2 0.21.4