+
+
+
+ 综合服务
+
+
+
+
+
+
+
+ {services.map((service, index) => {
+ // 计算实际显示位置
+ const row = Math.floor(index / 6);
+ const col = index % 6;
+
+ // 根据行数调整列的顺序
+ let displayCol = col;
+ // if (row === 0) {
+ // // 第一行：右下、左下顺序
+ // displayCol = col < 3 ? col + 3 : col - 3;
+ // } else {
+ // // 第二行：右上、左上顺序
+ // displayCol = col < 3 ? col + 3 : col - 3;
+ // }
+
+ // 确定内容在网格中的位置
+ const positionClass = row === 0
+ ? (col % 2 === 0 ? 'bottom-0 right-0' : 'bottom-0 left-0') // 第一行：右下、左下
+ : (col % 2 === 0 ? 'top-0 right-0' : 'top-0 left-0'); // 第二行：右上、左上
+
+ return (
+ // 外部 div：负责网格布局和白色背景，本身不可点击
+
+
+ {/* 这个 div 是 104x108 的容器，绝对定位在单元格内，并负责对齐其内部的可点击链接 */}
+
+
+ );
+ })}
+