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

fix: 功能按钮宽度调小，图标和文字缩小
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Agent
2026-03-28 12:51:32 +00:00
parent 38f68e06a1
commit cd5c397617
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -416,14 +416,15 @@ export default {
/* 手机端 - 2列布局 */ /* 手机端 - 2列布局 */
.menu-card { .menu-card {
aspect-ratio: 1; aspect-ratio: 1;
width: 30%; width: 22%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 20rpx; border-radius: 16rpx;
margin: 10rpx; 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;
} }
.menu-card:active { .menu-card:active {
@@ -431,10 +432,10 @@ export default {
} }
.menu-card-title { .menu-card-title {
font-size: 24rpx; font-size: 20rpx;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
margin-top: 10rpx; margin-top: 6rpx;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@@ -449,13 +450,13 @@ export default {
} }
.menu-card-icon { .menu-card-icon {
width: 80rpx; width: 50rpx;
height: 80rpx; height: 50rpx;
border-radius: 20rpx; border-radius: 12rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-bottom: 16rpx; margin-bottom: 6rpx;
} }
.menu-card-icon.blue { .menu-card-icon.blue {