wxappb2b/GuangZuan/miniprogram/mMine/pages/myorders/myorders.less

/* mMine/pages/myorders/myorders.wxss */

.top-view {
  position: sticky;
  z-index: 999;
  top: 0;
}

.title-view {
  background-color: #f0f0f0;
  .title-view-text {
    font-size: 12px;
    color: #666;
    text-align: center;
    border-right: 1px solid #f0f0f0;
  }
}

.title-view, .order-list-item-row {
  padding: 12px 0px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}

.order-list-item {
  display: flex;
  flex-direction: column;

  text {
    font-size: 14px;
    color: #333;
    text-align: center;
    border-right: 1px solid #f0f0f0;
  }
}

.order-list-item-btn {
  padding: 7.5px 0px;
  display: flex;
  height: 30px;
  width: 530px;

  button {
    font-size: 12px;
    color: white;
    width: 80px;
  }

  .goods-detail {
    background-color: rebeccapurple;
  }

  .listing-detail {
    background-color: yellowgreen;
  }

  .cancel {
    background-color: chocolate;
  }

  .sale-detail {
    background-color: sandybrown;
  }

  .sale-order {
    background-color: darkgoldenrod;
  }

  .buy-order {
    background-color: teal;
  }
}