front/java-mall-app
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复首页分类菜单按钮在安卓荣耀手机被挡住的问题

Browse Source
This commit is contained in:
mixtan 2025-05-12 14:49:52 +08:00
parent dcafefc065
commit d663124cf4
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pages/index/index.vue
View File

@ -153,6 +153,7 @@
PageNav.window.navigationBarBackgroundColor + PageNav.window.navigationBarBackgroundColor +
';border: 0;padding-left:20rpx;padding-right:20rpx;' ';border: 0;padding-left:20rpx;padding-right:20rpx;'
" "
class="tab_box"
> >
<scroll-view <scroll-view
id="tab_tab-bar" id="tab_tab-bar"
@ -162,7 +163,7 @@
:style=" :style="
'background: ' + 'background: ' +
PageNav.window.navigationBarBackgroundColor + PageNav.window.navigationBarBackgroundColor +
';border: 0;width:660rpx;float:left;' ';border: 0;width:660rpx;'
" "
v-if="tabBars.length > 1" v-if="tabBars.length > 1"
> >
@ -186,7 +187,6 @@
<view <view
v-if="tabBars.length > 1" v-if="tabBars.length > 1"
class="swiper-tab-rigth-box" class="swiper-tab-rigth-box"
style="width: 40rpx; text-align: center; float: right"
:style="'color:' + PageNav.window.navigationBarTextStyle" :style="'color:' + PageNav.window.navigationBarTextStyle"
@click="goToCate()" @click="goToCate()"
> >
@ -2148,6 +2148,10 @@ export default {
padding: 0 3%; padding: 0 3%;
} }
.tab_box{
display: flex;
}
.uni-swiper-tab { .uni-swiper-tab {
line-height: 70rpx; line-height: 70rpx;
height: 76rpx; height: 76rpx;
@ -2257,6 +2261,8 @@ export default {
.swiper-tab-rigth-box { .swiper-tab-rigth-box {
font-size: 28rpx; font-size: 28rpx;
display: flex;
align-items: center;
.swiper-tab-icon { .swiper-tab-icon {
font-size: 28rpx; font-size: 28rpx;