diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index 8a1e79b..81bf2b0 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -413,18 +413,25 @@ export default { flex-wrap: wrap; } -/* 手机端 - 2列布局 */ +/* 手机端 - 等间距布局 */ +.menu-grid { + display: flex; + flex-wrap: wrap; + justify-content: space-around; + padding: 10rpx; +} + .menu-card { + width: 18%; aspect-ratio: 1; - width: 22%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); - border-radius: 16rpx; + border-radius: 12rpx; margin: 8rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; - padding: 10rpx; + padding: 6rpx; } .menu-card:active {