Files
sundynix-pets/pets-fe/pages/meetups/meetups.wxss
T

97 lines
1.5 KiB
Plaintext

.banner {
background: #dfeee2;
border-radius: 34rpx;
min-height: 245rpx;
padding: 36rpx;
position: relative;
overflow: hidden;
}
.banner text,
.banner strong {
display: block;
position: relative;
z-index: 2;
}
.banner text {
color: #549375;
font-size: 22rpx;
}
.banner strong {
font-size: 35rpx;
line-height: 1.3;
margin-top: 16rpx;
}
.banner image {
width: 290rpx;
height: 220rpx;
position: absolute;
right: -30rpx;
bottom: 0;
}
.add {
font-size: 24rpx;
color: #328965;
font-weight: 700;
}
.meetup strong {
display: block;
font-size: 32rpx;
margin: 15rpx 0;
}
.badge {
background: #e8f4ea;
color: #429369;
border-radius: 99rpx;
padding: 8rpx 15rpx;
font-size: 22rpx;
}
.arrow {
font-size: 39rpx;
color: #a1b2a8;
}
.meta {
font-size: 24rpx;
color: #748c7d;
margin-top: 9rpx;
}
.desc {
font-size: 24rpx;
color: #9aaa9f;
margin-top: 15rpx;
}
.overlay {
position: fixed;
inset: 0;
background: #102a24a0;
z-index: 30;
display: flex;
align-items: flex-end;
}
.sheet {
width: 100%;
background: #fff;
border-radius: 36rpx 36rpx 0 0;
padding: 35rpx 32rpx calc(env(safe-area-inset-bottom) + 35rpx);
}
.sheet > .row strong {
font-size: 34rpx;
}
.sheet > .row text {
font-size: 45rpx;
}
.detail {
font-size: 25rpx;
color: #61816e;
line-height: 2;
margin: 25rpx 0;
}
.select-title {
font-size: 25rpx;
font-weight: 700;
margin: 30rpx 0 15rpx;
}
.sheet button {
margin-top: 26rpx;
width: 100%;
}