ldeyun/ruoyi-geek-App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复样式问题

Browse Source
This commit is contained in:
dftre 2025-01-04 16:52:20 +08:00
parent c20ff75cd8
commit fd3323d980
2 changed files with 37 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages_template/pages/mallMenu/index1.vue
View File

@ -191,6 +191,9 @@ const clickMenu = (menu) => {
flex-wrap: wrap; flex-wrap: wrap;
} }
// 定义项目尺寸变量
$item-size: 100rpx;
.thumb-box { .thumb-box {
width: 33.333333%; width: 33.333333%;
display: flex; display: flex;
@ -198,10 +201,20 @@ const clickMenu = (menu) => {
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
margin-top: 20rpx; margin-top: 20rpx;
} padding: 10rpx;
box-sizing: border-box;
.item-menu-image {
width: 120rpx; .item-menu-image {
height: 120rpx; width: $item-size;
height: $item-size;
}
.item-menu-name {
font-weight: normal;
font-size: 24rpx;
color: $u-main-color;
margin-top: 10rpx;
text-align: center;
}
} }
</style> </style>

19
src/pages_template/pages/mallMenu/index2.vue
View File

@ -278,6 +278,9 @@ const clickMenu = (menu) => {
flex-wrap: wrap; flex-wrap: wrap;
} }
// 定义项目尺寸变量
$item-size: 100rpx;
.thumb-box { .thumb-box {
width: 33.333333%; width: 33.333333%;
display: flex; display: flex;
@ -285,6 +288,22 @@ const clickMenu = (menu) => {
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
margin-top: 20rpx; margin-top: 20rpx;
padding: 10rpx;
box-sizing: border-box;
// 使图片容器的宽高都基于item-size变量
.item-menu-image {
width: $item-size;
height: $item-size;
}
.item-menu-name {
font-weight: normal;
font-size: 24rpx;
color: $u-main-color;
margin-top: 10rpx;
text-align: center;
}
} }
.item-menu-image { .item-menu-image {