1回答

• 

  libing_cheer

  2020-01-20 09:38:11

  .header {

      background-color: #E9203D;

      color: #FFFFFF;

      height: 2rem;

      text-align: center;

      font-size: 1rem;

      line-height: 2rem;

      position: fixed;

      top: 0;

      width: 100%;

  }

  .order {

      height: 100%;

      overflow: scroll;

  }

  .orderList {

      display: block;

      padding: 2.2rem 0.5rem 0.2rem 0.5rem;

      .orderList__picContainer {

      padding-right: 0.625rem;

      display: inline-block;

      .orderList__pic {

      width: 5.625rem;

      height: 5.625rem;

      }

  }

  .orderList__content {

      display: inline-block;

      width: calc(100% - 6.25rem);

      line-height: 1.75rem;

      .orderList__product {

      max-width: 15rem;

      font-size: 1rem;

      font-weight: 700;

      color: #111111;

      padding-right: 0.5rem;

      box-sizing: border-box;

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap;

  }

  .orderList__shop {

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap;

      font-size: 0.8125rem;

      color: #777777;

      padding: 0.5625rem 0.8125rem  0;

      }

  .orderList__detail {

      display: flex;

      justify-content: space-between;

      height: 1.375rem;

      line-height: 1.375rem;

      padding-right: 0.25rem;

      .orderList__price {

      font-size: 0.875rem;

      color: #777777;

      vertical-align: 0.0625rem;

      margin-left: 0.625rem;

  }

  .orderList__price::before {

      content: '\A5';

      margin-right: 0.0625rem;

  }

  }

  }

  .orderList__commentContainer {

      .orderList__star--light {

      color: #E9203D;

      border-radius: 0.5rem;

  }

  textarea {

      width: 100%;

      height: 4rem;

      margin-top: 0.2rem;

      padding: 0.25rem 0.5rem;

      font-size: 0.75rem;

      color: #999999;

  }

  }

  .orderList__btn {

      width: 5rem;

      height: 1.375rem;

      text-align: center;

      color: #FFFFFF;

      border: 0;

      font-size: 0.875rem;

  }

  .orderList__btn--red {

      background-color: #E9203D;

  }

  .orderList__btn--grey {

      background-color: #999999;

  }

  }

  
  

  0 0