wxlitian/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: #c78c41;
    font-size: 26rpx;
    flex-direction: column;
    align-items: center;

    &.disable {
      color: #aaa;

      .chooseicon {
        color: #aaa;
      }
    }
  }

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

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

.spinning {
  position: relative;
  animation: rotate3d 0.5s linear infinite; /* 使用名为 "rotate3d" 的动画，持续时间为4秒，线性运动，并无限循环 */
}

@keyframes rotate3d {
  0% {
    transform: rotate3d(0, 0, 1, 0deg); /* 从0度开始旋转 */
    opacity: 0.3;
  }
  50% {
    transform: rotate3d(0, 0, 1, 180deg); /* 旋转一周，回到起点 */
    opacity: 1;
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg); /* 旋转一周，回到起点 */
    opacity: 0.31;
  }
}