/* pages/shopOrder/index.wxss */ /* tab */ .van-tabs__scroll--line{ height: auto !important; } .van-tabs{ border-bottom: 1rpx solid rgba(243,244,249,1); } .van-tabs__line{ width:40rpx !important; height:4rpx; background:rgba(211,68,68,1); border-radius:2rpx !important; } .van-tab,.van-tab .van-ellipsis{ padding: 0 !important; font-size:30rpx; color:rgba(0,0,0,1); } .van-tab--active,.van-tab--active .van-ellipsis{ color:rgba(211,68,68,1); } /* 订单列表 */ .orderList{ padding: 90rpx 30rpx 0; } .orderList .order{ margin-top: 30rpx; background:rgba(255,255,255,1); box-shadow:0rpx 0rpx 21rpx 0rpx rgba(0, 0, 0, 0.09); border-radius:10rpx; padding: 0 30rpx; } .orderList .order:last-child{ margin-bottom: 30rpx; } .order .order_t{ display: flex; align-items: center; justify-content: space-between; height: 90rpx; border-bottom: 1rpx solid rgba(0,0,0,.05); } .order .order_t_l{ display: flex; align-items: center; } .order .order_type{ width:75rpx; height:31rpx; border-radius:5rpx; font-size:24rpx; color:rgba(255,255,255,1); text-align: center; line-height: 31rpx; background: #295C56; } /* .order .order_type.ziti{ background:rgba(85,141,255,1); } .order .order_type.waimai{ background:rgba(213,76,67,1); } */ .order .order_time{ font-size:26rpx; color:rgba(0,0,0,.45); padding-left: 20rpx; } .order .order_status{ font-size: 30rpx; color:rgba(255,109,29,1); } .order .order_goods{ padding: 30rpx 0; display: flex; justify-content: space-between; border-bottom: 1rpx solid rgba(0,0,0,.05); } .order .order_goods_l{ display: flex; } .order .goods_thumb{ width:127rpx; height:127rpx; border-radius:10rpx; overflow: hidden; } .order .goods_info{ display: flex; flex-direction: column; justify-content: space-between; padding-left: 18rpx; } .order .goods_title{ font-size:32rpx; color:rgba(0,0,0,1); } .order .goods_num{ font-size:28rpx; color:rgba(0,0,0,.54); } .order .order_goods_r{ color:rgba(211,68,68,1); } .order .cash_tag{ font-size:26rpx; } .order .cash_num{ font-size:42rpx; padding-left: 10rpx; } .order .goods_vip_price .cash_num{ font-size:26rpx; padding-left: 0; } .order .order_address{ padding: 30rpx 0; border-bottom: 1rpx solid rgba(0,0,0,.05); display: flex; align-items: center; } .order .icon_wrap{ width:29rpx; height:35rpx; } .order .icon_address{ width:29rpx; height:35rpx; } .order .address{ padding-left: 15rpx; font-size:30rpx; color:rgba(0,0,0,1); } .order .order_pay{ padding: 30rpx 0; font-size:26rpx; display: flex; justify-content: space-between; } .order .order_pay_l{ display: flex; } .order .order_pay .heji{ color:rgba(0,0,0,1); } .order .sum_txt{ padding-left: 10rpx; } .order .order_pay .heji_price{ color:rgba(211,68,68,1); display: flex; flex-direction: column; padding-left: 10rpx; } .order .btn_pay{ width:179rpx; height:59rpx; border-radius:30rpx; font-size:32rpx; color:rgba(255,255,255,1); text-align: center; line-height: 59rpx; } .order .btn_pay.ziti{ background:rgba(100,200,133,1); } .order .btn_pay.waimai{ background:rgba(100,150,252,1); } /* 会员价 */ .vip_tag{ width: 57rpx; height: 20rpx; line-height: 20rpx; background: rgba(213, 76, 67, 1); color: #fff; font-size: 16rpx; text-align: center; display: inline-block; margin-left: 12rpx; position: relative; } .vip_tag::before{ content: ""; position: absolute; left: -6rpx; top: 0; width: 0; height: 0; border-left: 6rpx solid transparent; border-right: 6rpx solid transparent; border-top: 6rpx solid rgba(213, 76, 67, 1); display: block; } /* 运费 */ .yunfei{ display: flex; justify-content: space-between; border-bottom: 1rpx solid rgba(0,0,0,.05); padding: 30rpx 0; font-size: 26rpx; } .yunfei .price{ color: rgba(211,68,68,1); } /* 顾客信息 */ .address .info{ padding-left: 10rpx; } .address .info:first-child{ padding-left: 0; } .user_info{ display: flex; align-items: center; padding: 30rpx 0 10rpx; border-bottom: 1rpx solid rgba(0,0,0,.05); } .user_info .thumb{ width: 100rpx; height: 100rpx; border-radius: 50%; } .user_info .nickname{ padding-left: 30rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* 固定tab的位置 */ .custom_tabs{ width: 100%; position: fixed; top: 0; left: 0; z-index: 1; } /* 规格名 */ .goods_labels{ display: flex; flex-wrap: wrap; font-size: 24rpx; color: rgba(8,8,8,.54); width: 320rpx; } .goods_labels .label{ padding: 6rpx; background: #F6F6F6; margin: 10rpx 14rpx 0 0; } /* 商品原价 */ .order .goods_def_price{ font-size:26rpx; color: rgba(8,8,8,.54); } .order .goods_def_price .price{ text-decoration: line-through; } /* 取消订单 */ .order .btn_pay.cancle{ background: rgba(0,0,0,.4); margin-top: 10rpx; }