wxhuanart/miniprogram/pages/goods/detail/index.less

/* pages/goods/detail/index.wxss */
.goods-head {
  .t-swiper {
    height: 506rpx;

    image {
      width: 100%;
      height: 100%;
    }
  }
}

.price-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.price-info {
  display: flex;
  column-gap: 20rpx;
  align-items: baseline;
}

.goods-price {
  font-size: 64rpx !important;
  color: #333 !important;
  font-weight: bold;
  font-family: DIN Alternate;
}

.goods-price-up {
  font-size: 26rpx !important;
  color: #333 !important;
}

.goods-del {
  font-size: 32rpx;
  color: #999 !important;
}

.split-bar {
  border-bottom: 20rpx solid #efefef;
  padding-bottom: 30rpx;
}

.desc-content__img {
  width: 100%;
  height: auto;
}

.h-auto {
  .t-collapse-panel__wrapper {
    height: auto !important;
  }
}

.goods-bottom-operation {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.timgcasourel {
  width: 750rpx;
  height: 506rpx;
}

.chooseblock {
  background: #fff;
  padding: 20rpx 20rpx calc(constant(safe-area-inset-bottom)) 20rpx;
  padding: 20rpx 20rpx calc(env(safe-area-inset-bottom)) 20rpx;
  align-items: center;

  .chooseitem {
    flex: 1;
    display: flex;
    justify-content: center;
    color: #cf5a85;
    font-size: 26rpx;
    flex-direction: column;
    align-items: center;

    &.disable {
      color: #aaa;

      .chooseicon {
        color: #aaa;
      }
    }
  }

  .chooseicon {
    font-size: 80rpx;
    color: #cc195a;
  }

  .choosedivide {
    background: #dfdfdf;
    width: 1px;
    height: 80rpx;
  }
}