소스 검색

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;