first commit

pages/home/home.wxss

@@ -0,0 +1,43 @@
+.page-body {
+  display: flex;
+  flex-direction: column;
+}
+
+.slide-image {
+  width: 100%;
+  height: 100%;
+}
+
+/* 四宫格布局样式 */
+.grid-container {
+  display: flex;
+  justify-content: center;
+}
+
+.card {
+  width: 96%; /* 根据实际情况调整 */
+  height: 290rpx;
+  border-radius: 30rpx; /* 圆角大小 */
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* 阴影效果，根据需要调整 */
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around; /* 子项在主轴线上的对齐方式 */
+  margin: 20px 0; /* 卡片外边距 */
+}
+
+.grid-item {
+  width: 48%; /* 每个项目占据一行的48%，两列布局 */
+  text-align: center; /* 文本居中 */
+  margin-bottom: 20px; /* 底部外边距 */
+  margin-top: 20rpx;
+}
+
+.grid-item image {
+  width: 40rpx; /* 图像大小，根据需要调整 */
+  height: 40rpx;
+  margin-bottom: 5rpx; /* 图像与文本之间的间距，根据需要调整 */
+}
+
+.grid-item text {
+  display: block; /* 让文本独占一行 */
+}