42 lines
826 B
Plaintext
42 lines
826 B
Plaintext
/* pages/badge/index.wxss */
|
|
.bg {
|
|
height: 380rpx;
|
|
width: 100%;
|
|
border-radius: 16rpx;
|
|
background-image: url("https://res.catter.cn/pub/2025/11/18/20251118170102998.jpeg");
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center center;
|
|
/* 背景图不平铺 */
|
|
/* 让背景图基于容器大小伸缩 */
|
|
background-size: cover;
|
|
backdrop-filter: blur(10rpx);
|
|
}
|
|
|
|
.card {
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
background-color: white;
|
|
border-radius: 16rpx;
|
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.month {
|
|
width: 100%;
|
|
background-color: red;
|
|
border-top-left-radius: 16rpx;
|
|
border-top-right-radius: 16rpx;
|
|
}
|
|
|
|
.badge {
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
border-radius: 100rpx;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
grid-row-gap: 16px;
|
|
grid-column-gap: 16px;
|
|
} |