34 lines
1.1 KiB
Plaintext
34 lines
1.1 KiB
Plaintext
|
|
.page { padding: 24rpx
|
|
}
|
|
.notice-bar { height: 64rpx; background: #fff4e6; border-radius: 8rpx; overflow: hidden; margin-bottom: 24rpx;
|
|
}
|
|
.notice-swiper { height: 64rpx
|
|
}
|
|
.notice-item { height: 64rpx; line-height: 64rpx; padding: 0 24rpx; color: #a15c00; font-size: 26rpx
|
|
}
|
|
.banner-box { margin-bottom: 24rpx
|
|
}
|
|
.banner-swiper { width: 100%; height: 320rpx; border-radius: 12rpx; overflow: hidden
|
|
}
|
|
.banner-image { width: 100%; height: 320rpx
|
|
}
|
|
.banner-fallback { width: 100%; height: 320rpx; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f5f5f5, #eaeaea)
|
|
}
|
|
.banner-fallback-text { color: #666; font-size: 28rpx
|
|
}
|
|
.activity-section { background: #ffffff; border-radius: 12rpx; padding: 24rpx
|
|
}
|
|
.section-title { font-size: 30rpx; font-weight: 600; margin-bottom: 16rpx
|
|
}
|
|
.activity-grid { display: flex; flex-wrap: wrap; margin: -12rpx
|
|
}
|
|
.activity-item { width: 50%; padding: 12rpx
|
|
}
|
|
.activity-thumb { width: 100%; height: 200rpx; border-radius: 8rpx
|
|
}
|
|
.activity-name { display: block; margin-top: 8rpx; font-size: 26rpx; color: #222
|
|
}
|
|
.activity-desc { display: block; margin-top: 4rpx; font-size: 22rpx; color: #888
|
|
}
|