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

pages/index/index.vue

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