微信小程序首页酷炫宫格布局设计 - 功能模块跳转

发布通知 管理通知 发布签到 管理签到 发布考试 管理考试 成绩录入 管理成绩

.swiper-container { width: 100%; height: 200rpx; margin-top: 20rpx; } .swiper { height: 200rpx; } .swiper-item img { width: 100%; height: 200rpx; } .grid-container { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20rpx; } .grid-item { width: 30%; margin-bottom: 20rpx; text-align: center; } .grid-icon { width: 80rpx; height: 80rpx; margin: 0 auto; } .grid-text { font-size: 28rpx; color: #333; margin-top: 10rpx; }