这是微信小程序的一个主页用来跳转到各个功能模块你能帮我写一个好看的且酷炫的样式吗要求轮播图下面的各个模块使用宫格布局给出重写后的wxml文件和wxss文件!--pageshomeforthomefortwxml--view view swiper swiper-itemimage src=http12143591198080mdyimga1pngimage

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

/* 轮播图样式 */ .swiper-container { width: 100%; height: 400rpx; margin-top: 40rpx; } .swiper { width: 100%; height: 100%; } .swiper-item { width: 100%; height: 100%; } .swiper-item image { width: 100%; height: 100%; object-fit: fill; }

/* 宫格布局样式 */ .grid-container { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto auto auto auto; grid-column-gap: 20rpx; grid-row-gap: 20rpx; margin-top: 20rpx; padding: 20rpx; } .grid-item { text-align: center; font-size: 28rpx; color: #333; } .grid-icon { width: 100rpx; height: 100rpx; object-fit: fill; margin-bottom: 10rpx; }