GululuQ-mp/pages/my/myOrder/myOrder.wxss

/* pages/my/myOrder/myOrder.wxss */
.myOrder .tab{
    width: 100%;
    height: 120rpx;
    background: #F9F9F9;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left:0;
}
.myOrder .tab .itemTab{
   font-size: 26rpx;
   flex: 1;
   height: 60rpx;
   line-height: 60rpx;
   text-align: center;
   border-right: 2rpx solid rgb(189, 189, 189);
}
.myOrder .tab .itemTab:last-child{
    border: none;
}
.myOrder .tab .selectTab{
    background: #FED279;
    border: none;
}

/* 订单列表 */
.myOrder .orderList{
    padding: 120rpx 30rpx 0 30rpx;
}
.myOrder .orderList .itemOrder{
    border-bottom: 2rpx solid #CCCCCC;
    margin: 30rpx 0;
}
.myOrder .orderList .itemOrder .orderInfo{
    display: flex;
    justify-content: space-between;
}
.myOrder .orderList .itemOrder .orderInfo .leftInfo{
   display: flex;
}
.myOrder .orderList .itemOrder .orderInfo .prodsImg .coverImg{
    width: 120rpx;
    height: 120rpx;
    border-radius: 10rpx;
    margin-right: 10rpx;
}
.myOrder .orderList .itemOrder .orderInfo .prodInfo text{
   display: block;
}
.myOrder .orderList .itemOrder .orderInfo .statistics{
    width: 120rpx;
    height: 120rpx;
    background: #F9F9F9;
    font-size: 22rpx;
    text-align: right;
}
.myOrder .orderList .itemOrder .operateView{
   margin: 20rpx 0;
   display: flex;
   justify-content: flex-end;
}
.myOrder .orderList .itemOrder .operateView .status{
  border: 2rpx solid #999999;
  border-radius: 10rpx;
  display: inline-block;
}
.myOrder .orderList .itemOrder .operateView .status text{
    padding: 0 20rpx;
    font-size: 28rpx;
}
.myOrder .orderList .itemOrder .operateView .status .name{
  border-right: 2rpx solid #999999;
}
.myOrder .orderList .itemOrder .operateView image{
  width: 50rpx;
  height: 50rpx;
  margin-left: 40rpx;
}

/* 商品总价 */
.myOrder .totalPrice{
    width: calc(100% - 40rpx);
    height: 80rpx;
    line-height: 80rpx;
    margin:auto;
    background: #F9F9F9;
    display: flex;
    justify-content: space-between;
    border-radius:50rpx;
}
.myOrder .totalPrice text{
    margin: 0 20rpx;
}

/* 个性化 */
.recommend .divider{
    margin: 30rpx 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recommend .divider .text{
    margin: 0 20rpx;
}
.recommend .divider .line{
    width: 200rpx;
    height: 2rpx;
    background: #CFCFCF;
    display: inline-block;
}