classroom-app/src/views/student-register/shop-mall/modal/add-goods-cart/index.module.less

.addGoodsCart {
  padding-top: 12px;
  --k-font-primary: #FFCB75;
  --van-primary: var(--k-font-primary);
  --van-stepper-button-round-theme-color: var(--van-primary);

  :global {
    // .van-stepper__input {
    //   background: #f7f8f9 !important;
    //   border-radius: 6px;
    //   margin: 0 8px;
    // }

    // .van-stepper__minus--disabled {
    //   opacity: 0.6 !important;
    //   color: #333 !important;
    //   background: #f7f8f9 !important;
    //   border-color: #f7f8f9 !important;
    // }

    .van-stepper__minus,
    .van-stepper__plus,
    .van-stepper__input {
      background-color: #FFF4E7;
    }

    .van-stepper__minus,
    .van-stepper__plus {
      color: #BF7434;
    }

    .van-stepper__input {
      color: #8C6142;
    }

    .van-stepper__minus {
      border-radius: 100px 0px 0px 100px;
    }

    .van-stepper__plus {
      border-radius: 0px 100px 100px 0px;
    }
  }

  .addCartBtn {
    background: linear-gradient(121deg, #FFD892 0%, #FFCB75 100%);
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #5B2C03;
    border: 0;
  }
}

.goodsSection {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;

  .sellOut {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    padding: 20px;
  }
}

.goodsImg {
  width: 100px;
  height: 100px;
  background: linear-gradient(180deg, #f0f0f0 0%, #d7d7d7 100%);

  overflow: hidden;
}

.goodsPrice {
  padding-top: 8px;
  font-size: 18px;
  color: #ff4e19;
  line-height: 22px;

  span {
    font-size: 16px;
  }
}

.goodsStore {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}

.title {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}

.radio-group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px;
}

.radio {
  margin-right: 10px;
  margin-bottom: 8px;
  min-width: 60px;

  :global {
    .van-radio__icon {
      display: none;
    }

    .van-tag--large {
      height: 32px;
      font-size: 16px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .van-tag {
      box-sizing: border-box;
    }

    .van-tag--default {
      color: #999999;
      background-color: #F7F8F9;
    }

    .van-tag--primary {
      background-color: #FFFAF4;
      background: #FFFAF4;
      border-radius: 6px;
      border: 1px solid #FFCF7C;
      color: #F39F11;
    }

    .van-radio__label {
      margin-left: 0;
      width: 100%;
    }
  }
}