/**index.wxss**/ .wrap{ min-height: 100vh; background: #f6f6f6; padding: 30rpx; } .order_t{ width: 690rpx; margin-bottom: 20rpx; background: #FFFFFF; border-radius: 5rpx; font-size: 30rpx; color: #000000; text-align: center; position: relative; } .order_t .order_status{ padding-top: 30rpx; } .order_t .order_tips{ padding-top: 28rpx; font-size: 28rpx; color: rgba(0,0,0,.54); } .order_t .order_btns{ padding: 24rpx 0; display: flex; align-items: center; justify-content: center; } .order_t .order_btns .btn{ width: 180rpx; height: 60rpx; background: rgba(41, 92, 86, 0.05); border: 1px solid #295C56; border-radius: 5rpx; font-size: 30rpx; color: #295C56; display: flex; align-items: center; justify-content: center; margin-left: 18rpx; } .order_t .order_btns .btn.cancel{ border-color: #999999; color: #999999; background: transparent; } .order_t .order_tag{ width: 119rpx; height: 124rpx; position: absolute; top: -4rpx; left: -4rpx; } .order_t .line_bg{ width: 690rpx; height: 30rpx; border-radius: 0 0 5rpx 5rpx; background-repeat: repeat; background-size: 18rpx 30rpx; } /* 商品 */ .order_m{ width: 690rpx; border-radius: 5rpx; background: #FFFFFF; padding: 0 30rpx; } .order_m .shop_info{ padding: 40rpx 0rpx 30rpx; display: flex; align-items: center; justify-content: space-between; } .shop_info .shop_name{ font-size: 30rpx; color: #080808; font-weight: bold; } .shop_info .shop_adress{ padding-top: 16rpx; font-size: 24rpx; color: rgba(51,51,51,.54); } .shop_info .shop_phone{ width: 44rpx; height: 44rpx; } /* 配送费 & 券 */ .order_m .delivery{ padding: 20rpx 0; display: flex; align-items: center; justify-content: space-between; font-size: 30rpx; color: #000000; border-bottom: 1rpx dashed rgba(0,0,0,.12); } .order_m .delivery .price{ font-size: 34rpx; color: #080808; } .order_m .delivery .price .unit{ font-size: 22rpx; } .order_m .quan{ padding: 37rpx 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1rpx dashed rgba(0,0,0,.12); } .order_m .quan_l{ display: flex; align-items: center; font-size: 30rpx; color: #000000; } .order_m .quan_icon{ width: 48rpx; height: 41rpx; margin-right: 20rpx; } .order_m .quan_price{ color: #D54C43; font-size: 34rpx; } .order_m .quan_price .unit{ font-size: 22rpx; } .order_m .total_price{ padding: 30rpx 0; font-size: 26rpx; color: #000000; text-align: right; } .order_m .total_price .discount{ padding: 0 18rpx 0 16rpx; font-size: 28rpx; color: #333333; } .order_m .total_price .price{ font-size: 44rpx; color: #333333; font-weight: bold; padding-left: 14rpx; } .order_m .total_price .price .unit{ font-size: 22rpx; } /* 配送信息&订单信息 */ .section_wrap{ width: 690rpx; background: #FFFFFF; border-radius: 5rpx; margin-top: 20rpx; } .section_wrap .section_name{ padding: 30rpx; } .section { padding-bottom: 30rpx; } .section .item{ padding: 30rpx 30rpx 0; display: flex; font-size: 26rpx; color: rgba(0,0,0,.87); } .section .item .item_l{ color: rgba(0,0,0,.54); } .section .item .item_r{ flex: 1; text-align: right; padding-left: 10rpx; } .section .item .item_pay:not(:last-child)::after{ content: ""; display: inline-block; width: 2rpx; height: 14rpx; background: #666666; margin: 0 18rpx; }