@import '@/assets/bundle.scss';

%cell-bottom {
  border-bottom: 1rpx solid $border2;
  padding-bottom: 20rpx;
}
.order-cell {
  .cell-title {
    @extend %flex-between;
    @extend %cell-bottom;
    .left {
      line-height: 1.2;
    }
    .store-name {
      font-size: 30rpx;
      color: $text1;
      font-weight: 500;
    }
    .order-created {
      font-size: 24rpx;
      color: $text3;
      // border:1rpx solid red;
      margin-top: 10rpx;
    }
    .right {
      font-size: 28rpx;
      color: $text1;
    }
  }
  .order-one-good {
    padding: 30rpx 0;
    @extend %flex-left;
    font-size: 28rpx;
    color: $text2;
    border-bottom: 1rpx solid $border2;
    .good-name {
      width: 53%;
      @extend %oneline;
    }
    .total-good-count {
      width: 25%;
      text-align: right;
    }
    .total-pay {
      width: 22%;
      text-align: right;
      font-weight: bold;
      color: $text1;
    }
  }
  .order-op {
    padding-top: 20rpx;
    @extend %flex-right;
    .btn-normal {
      font-size: 26rpx;
      padding: 10rpx 20rpx;
      border: 1rpx solid $primary;
      color: $primary;
      border-radius: 8rpx;
      line-height: 1;
    }
    .btn-repay {
      border-color: $warning;
      color: $warning;
    }
    .btn-confirm  {
      border-color: $maincolor;
      color: $maincolor;
    }
    .btn-disable {
      opacity: .5;
    }
  }
  .order-material {
    justify-content: space-between;
    .material-pack {
      font-size: 30rpx;
      color: $text3;
    }
  }
}
// 新增样式
.order-one-good{
  justify-content: space-around;
}
.order-good{
  display:flex;
  // border: 1rpx solid red;
  // width: 200rpx;
  // overflow-x: auto;

}
.order-img{
  width:100rpx;
  height:100rpx;
  // border:1rpx solid red;
}
.good-name1{
  width: 100rpx;
  display: flex;
  // border: 1rpx solid red;
  white-space: nowrap;
  overflow: hidden;
  font-size: 20rpx;
}
.order-item{
  padding:0 20rpx;
}