31533 （省博沉浸-移动端）兼容-vivo X30首页、热门展览、精品典藏页面显示异常，需要调整

code/src/views/collection/mobile.vue

@@ -286,13 +286,14 @@ export default {
         text-align: center;
         margin: 0 6px;
         cursor: pointer;
+        white-space: nowrap;
 
         &.active {
-          width: 80px;
           height: 30px;
           color: var(--main-color);
           line-height: 30px;
           border-radius: 60px;
+          padding: 0 8px;
           border: 1px solid var(--main-color);
         }
       }

code/src/views/exhibition/exhibition/mobile/collections.vue

@@ -229,15 +229,14 @@ export default {
         text-align: center;
         margin: 0 6px;
         cursor: pointer;
+        white-space: nowrap;
 
         &.active {
-          max-width: 80px;
-          min-width: 62px;
           height: 30px;
           color: var(--main-color);
           line-height: 30px;
           border-radius: 60px;
-          padding: 0 10px;
+          padding: 0 8px;
           border: 1px solid var(--main-color);
         }
       }

code/src/views/gdmuseum/exhibition/mobile/collections.vue

@@ -221,15 +221,13 @@ export default {
         text-align: center;
         margin: 0 6px;
         cursor: pointer;
-
+        white-space: nowrap;
         &.active {
-          max-width: 80px;
-          min-width: 62px;
           height: 30px;
           color: var(--main-color);
           line-height: 30px;
           border-radius: 60px;
-          padding: 0 10px;
+          padding: 0 8px;
           border: 1px solid var(--main-color);
         }
       }