livestream-miniapp/miniprogram/components/card/card.scss

/* components/card/card.wxss */

.card-container {
  margin-bottom: 20rpx;
  box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.1);
  border-radius: 12rpx;
  overflow: hidden;

  .t-button {
    font-size: 20rpx !important;
  }
}

.card-image {
  min-height: 240px;
}

.card-info {
  padding: 20rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .title {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;

    .hero {
      font-size: 28rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #333333;
      line-height: 40rpx;
      margin-bottom: 6rpx;
    }

    .note {
      font-size: 22rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
      line-height: 32rpx;
    }
  }
}

.card-btn {
  width: 144rpx;
  height: 60rpx;
  line-height: 60rpx;
  background-color: #FFFFFF;
  border-radius: 30rpx;
  border: 1px solid #ED5D18;
  color: #ED5D18;
  font-size: 22rpx;
  padding: 0;

  &.active {
    background-color: #ED5D18;
    color: #fff;
  }
}