sales/todo-frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 按钮等间距分布，宽度调为18%
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Agent
2026-03-28 12:54:55 +00:00
parent cd5c397617
commit ef4dceba1b
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/index/index.vue
View File

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