瀏覽代碼

fix: 分类网格图标与名称横向对齐

.typegrid-item 默认 align-items 为 stretch,导致 112rpx 的圆形与占满宽度的
文字不同宽,视觉上错位。加上 align-items: center 后两者沿交叉轴居中。
Developer 5 天之前
父節點
當前提交
76d6b8d4e2
共有 1 個文件被更改,包括 1 次插入0 次删除
  1. 1 0
      pages/home.vue

+ 1 - 0
pages/home.vue

@@ -385,6 +385,7 @@
 				.typegrid-item{
 					width: calc((100% - 60rpx) / 4);
 					margin-bottom: 28rpx;
+					align-items: center;
 					.typegrid-circle{
 						width: 112rpx;
 						height: 112rpx;