Files
doodle-mini/miniprogram/components/shared/worksheet-card/worksheet-card.less
T
2026-03-26 17:33:04 +08:00

66 lines
1.1 KiB
Plaintext

.worksheet-card {
background: #fff;
border-radius: 24rpx;
box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: transform 0.15s ease;
}
.worksheet-card--active {
transform: scale(0.96);
}
.worksheet-card__preview {
position: relative;
height: 160rpx;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.worksheet-card__img {
width: 100%;
height: 100%;
}
.worksheet-card__preview-text {
font-size: 48rpx;
line-height: 1.2;
text-align: center;
padding: 0 24rpx;
color: rgba(0, 0, 0, 0.65);
}
.worksheet-card__title {
padding: 20rpx 24rpx 12rpx;
font-size: 24rpx;
font-weight: 600;
color: rgba(0, 0, 0, 0.88);
line-height: 1.4;
}
.worksheet-card__tags {
display: flex;
flex-wrap: wrap;
gap: 12rpx;
padding: 0 24rpx 24rpx;
}
.worksheet-card__tag {
font-size: 20rpx;
line-height: 1.4;
padding: 6rpx 16rpx;
border-radius: 8rpx;
}
.worksheet-card__tag--age {
background: #e3f2fd;
color: #1976d2;
}
.worksheet-card__tag--diff {
background: #fff8e1;
color: #f57f17;
}