/**index.wxss**/ .wrap{ min-height: 100vh; background: #f6f6f6; } .order_list{ padding-top: 90rpx; } .order_item{ margin-top: 20rpx; padding: 30rpx; background: #FFFFFF; } .order_item .item_t{ display: flex; align-items: flex-start; justify-content: space-between; } .order_item .item_t_l_t{ display: flex; align-items: center; } .order_item .item_tag{ font-size: 22rpx; color: #FFFFFF; padding: 4rpx 10rpx; background: #295C57; border-radius: 5rpx; } .order_item .shop_name{ font-size: 30rpx; color: #080808; font-weight: bold; padding-left: 8rpx; } .order_item .order_time{ padding-top: 16rpx; color: rgba(8,8,8,.54); font-size: 26rpx; } .order_item .item_t_r{ font-size: 28rpx; color: rgba(8,8,8,.54); display: flex; align-items: center; } .order_item .item_nr{ display: flex; align-items: center; justify-content: space-between; margin-top: 34rpx; } .order_item .goods_tu{ width: 138rpx; height: 138rpx; border-radius: 5rpx; margin-right: 20rpx; } .order_item .item_total .price{ color: #080808; font-size: 34rpx; } .order_item .item_total .price .unit{ font-size: 22rpx; } .order_item .item_total .num{ padding-top: 10; font-size: 24rpx; color: rgba(8,8,8,.54); } .order_item .item_btns{ display: flex; justify-content: flex-end; margin-top: 20rpx; } .order_item .item_btns .btn{ width: 180rpx; height: 60rpx; background: rgba(41, 92, 86, 0.05); border: 1px solid #295C57; border-radius: 5rpx; font-size: 30rpx; color: #295C56; display: flex; align-items: center; justify-content: center; margin-left: 18rpx; } .order_item .item_btns .btn.cancel{ border-color: #999999; color: #999999; background: transparent; } .order_item .send_time{ padding-right: 16rpx; color: #ED8C17; } .order_item .item_goods{ display: flex; align-items: center; } .order_item .goods_tu_more{ width: 36rpx; height: 7rpx; }