.goods-card { box-sizing: border-box; font-size: 24rpx; // border-radius: 0 0 16rpx 16rpx; border-bottom: none; &.lite { .goods-card__main { width: 330rpx; } .goods-card__thumb { width: 330rpx; padding-top: 0; } } } .goods-card__main { position: relative; display: flex; line-height: 1; padding: 0; background: transparent; width: 344rpx; // border-radius: 6rpx; justify-content: center; align-items: center; margin-bottom: 20rpx; flex-direction: column; box-shadow: 0 0 2rpx 0rpx #00000055; overflow: hidden; } .goods-card__thumb { flex-shrink: 0; position: relative; width: 318rpx; height: 215rpx; padding-top: 12rpx; } .goods-card__thumb:empty { display: none; margin: 0; } .goods-card__img { display: block; width: 100%; height: 100%; overflow: hidden; } .goods-card__body { display: flex; flex: 1 1 auto; background: #fff; padding: 16rpx 24rpx 18rpx; flex-direction: row; justify-content: space-between; align-items: center; align-self: stretch; } .goods-card__upper { display: flex; flex-direction: column; overflow: hidden; flex: 1 1 auto; } .goods-card__title { font-size: 28rpx; color: #333; font-weight: 600; // display: -webkit-box; // height: 46rpx; // -webkit-box-orient: vertical; // -webkit-line-clamp: 2; // overflow: hidden; // word-break: break-word; line-height: 1; flex: 1; min-width: 60rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 10rpx; } .goods-card__tags { display: flex; flex-direction: row; flex-wrap: wrap; margin: 8rpx 0 0 0; } .goods-card__tag { color: #fa4126; background: transparent; font-size: 20rpx; border: 1rpx solid #fa4126; padding: 0 8rpx; border-radius: 16rpx; line-height: 30rpx; margin: 0 8rpx 8rpx 0; display: block; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; } .goods-card__down { display: flex; position: relative; flex-direction: row; align-items: center; justify-content: center; align-items: baseline; line-height: 32rpx; margin: 8rpx 0 0 0; } .goods-card__origin-price { white-space: nowrap; font-weight: 700; order: 2; color: #bbbbbb; font-size: 24rpx; margin: 0 0 0 8rpx; } .goods-card__add-cart { order: 3; margin: auto 0 0 auto; position: absolute; bottom: 0; right: 0; } .spec-for-price { // font-size: 36rpx; // font-weight: 700; // color: #fa4126; font-size: 28rpx; color: #333; white-space: nowrap; order: 1; margin: 0; } .spec-for-symbol { font-size: 24rpx; } .flatimg { position: absolute; bottom: 10rpx; right: 10rpx; color: #333; }