test/pages/order/show/index.wxss

/* pages/order/show/index.wxss */
page {
  background: white;
}
.order-top {
    background: #E6F3F3;
    width: 100%;
    padding: 26rpx 32rpx;
    font-family: PingFang SC;
    font-weight: bold;
    font-size: 32rpx;
    color: #111111;
}

.box {
  padding-bottom: 30rpx;
  padding: 48rpx 26rpx;
}

.box-content{
    margin-bottom: 50rpx;
    width: 100%;
}

.box-title{
    font-family: PingFang SC;
    font-weight: bold;
    font-size: 35rpx;
    color: #333333;
    margin-bottom: 38rpx;
}
.flex-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}
.sku-box{
    display: flex;
    flex-direction: column;
}
.sku-box .tag{
    width: fit-content;
}
.tag{
    padding: 0rpx 19rpx;
    border: 1px solid #999999;
    height: 67rpx;
    line-height: 67rpx;
    text-align: center;
    border-radius: 13rpx;
    font-family: PingFang SC;
    font-weight: bold;
    font-size: 27rpx;
    color: #333333;
    margin-bottom: 17rpx;
}

.tag.active{
    background: #0B898E;
    border: none;
    color: #FFFFFF;
}

.tag.disabled{
    background: #CCCCCC;
    border: none;
    color: #FFFFFF;
}

.number-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .number-box text {
    flex: 1;
    font-size: 35rpx;
    color: #333;
    font-weight: bold;
  }
  
  .number-box view {
    border: 1rpx solid #999999;
    border-radius: 10rpx;
    text-align: center;
    width: 67rpx;
    line-height: 67rpx;
    font-size: 33rpx;
    color: #000;
  }
  
  .number-box view.disable {
    border-color: #ccc;
    color: #999;
  }
  
  .number-box view.number {
    width: 80rpx;
    margin: 0 10rpx;
    border: none;
  }
  .number-box .add{
    background: #0B898E;
    border-radius: 10rpx;
    border: none;
    color: white;
  }


.fixed-bottom {
  height: 138rpx;
  background: #FFFFFF;
  box-shadow: 0px 0px 16rpx 0px rgba(6, 0, 1, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding:0 26rpx;
  color: #333333;
  font-size: 31rpx;
  font-weight: bold;
}


/* 购物车 */
.cart-box {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80rpx;
    height: 80rpx;
    background: #FFFFFF;
    box-shadow: 0px 0px 20rpx 0px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    right: 20rpx;
    bottom: 166rpx;
  }
  
  .cart-box image {
    display: block;
    width: 49rpx;
  }
  
  .cart-num {
    width: 26rpx;
    border: 1rpx solid;
    border-radius: 50%;
    line-height: 26rpx;
    text-align: center;
    font-size: 23rpx;
    color: #D20000;
    position: absolute;
    right: -2rpx;
    top: -5rpx;
  }

  .btns {
    font-size: 32rpx;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 39rpx;
    border: 1px solid #D62828;
    color: #D62828;
  }
  
  .btns .btn {
    width: 200rpx;
    height: 73rpx;
    line-height: 73rpx;
    background: #D62828;
  }
  
  .btns .btn:nth-child(1) {
    border-radius: 39rpx 0 0 39rpx;
    background: white;
   
  }
  
  .btns .btn:nth-child(2) {
    border-radius: 0 39rpx 39rpx 0;
    color: white;
  }
  
  .btns .btn.disable {
    background: #ccc;
  }

  .bottom-price{
      color: #D62828;
      font-size: 36rpx;
  }