41 lines
571 B
SCSS
41 lines
571 B
SCSS
.card {
|
|
height: 304px;
|
|
}
|
|
|
|
.card-item {
|
|
inset: 0;
|
|
will-change: transform, opacity;
|
|
height: 277px;
|
|
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.08);
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.inner-card {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* 商品大图部分：撑满除相册外的空间 */
|
|
.goods-image-wrapper {
|
|
width: 100%;
|
|
height: 193px;
|
|
}
|
|
|
|
.goods-title {
|
|
background: linear-gradient(
|
|
180deg,
|
|
rgba(0, 0, 0, 0) 0%,
|
|
rgba(0, 0, 0, 0.6) 100%
|
|
);
|
|
}
|
|
|
|
.album-item {
|
|
width: 96px;
|
|
height: 60px;
|
|
}
|
|
|
|
.album-title {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
height: 20px;
|
|
}
|