@import "../../utils/index.scss";

$cssPrefix: order-list-nodata;

.#{$cssPrefix} {
  @include com-margin($cssPrefix);
  @include com-padding($cssPrefix);
  padding-top: var(--#{$cssPrefix}-paddingTop, 80rpx);
  background: #fff;
  height: 100vh;
}

// .order-list-noData-container {
//   display: flex;
//   overflow: hidden;
//   align-items: center;
//   flex-direction: column;
//   justify-content: center;
//   width: 750rpx;
//   margin: 70rpx 0 40rpx 0;

//   .noData-icon {
//     width: 200rpx;
//     height: 200rpx;
//   }

//   .noData-text {
//     overflow: hidden;
//     width: 750rpx;
//     height: 44rpx;
//     margin: 40rpx 0 8rpx;
//     text-align: center;
//     white-space: nowrap;
//     text-overflow: ellipsis;
//     color: var(--color-text1-4, #111);
//     font-size: var(--p-body-2-font-size, 32rpx);
//     line-height: 44rpx;
//   }

//   .noData-message {
//     overflow: hidden;
//     width: 750rpx;
//     height: 36rpx;
//     text-align: center;
//     white-space: nowrap;
//     text-overflow: ellipsis;
//     color: var(--color-text1-2, #999);
//     font-size: var(--p-body-1-font-size, 28rpx);
//     line-height: 40rpx;
//   }

//   .noData-action {
//     display: flex;
//     align-items: center;
//     flex-direction: column;
//     justify-content: center;
//     width: 196rpx;
//     height: 64rpx;
//     margin-top: 100rpx;
//     color: #fff;
//     border-radius: 32rpx;
//     background-image: linear-gradient(to right, #fd9126, #ff5000);
//     font-size: var(--p-body-1-font-size, 28rpx);
//   }
// }