epp/weixin-miniprogram/pages/shop/components/good-list-card.wxss

/* pages/shop/components/good-list-card.wxss */
.good-card-container {
  /* background-color: violet; */
  overflow: hidden;
  display: grid;
  height: 200px;
  grid-template-rows: auto 58px;
}

.good-card-image {
  /* background-color: bisque; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.good-card-info {
  padding: 4.5px 6px;
}

/* 自动换行 */
.line-wrap {
  width: 100%;
  word-break: break-word;
  display: block;
}

/* 商品标题 */
.good-title {
  font-size: 28rpx;
  color: #333;
  font-weight: 400;
  display: -webkit-box;
  height: 36rpx;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-word;
  line-height: 36rpx;
  margin: 4rpx 0;
}

/* 商品价格 */
.good-price {
  white-space: nowrap;
  font-weight: 700;
  margin: 0;
  display: inline;
  position: relative;
}

.good-price-counter {
  color: #fa4126;
  font-size: 36rpx;
}

.good-price-retail {
  color: #bbbbbb;
  font-size: 24rpx;
  margin: 0 0 0 8rpx;
}

.good-price .good-price-symbol {
  font-size: 24rpx;
  display: inline;
}

.good-price .good-price-number {
  display: inline;
}

.good-price .good-price-line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0;
  background-color: currentColor;
}