各级场景分组列表左右居中

src/components/UIGather/mobile/list.vue

@@ -17,7 +17,7 @@
         <div
           class="swiper-container"
           id="swSecondary"
-          :style="`width:${Math.min(secondaryW, innerW)}px;
+          :style="`width:${isLargeScreen ? '100%' : Math.min(secondaryW, innerW) + 'px'};
         padding:${secondaryW > innerW ? '0 15px' : '0'}`"
           v-if="secondaryList.length > 1"
         >
@@ -50,7 +50,7 @@
       <div
         class="swiper-container"
         id="swScenes"
-        :style="`width:${Math.min(scenesListW, innerW)}px;
+        :style="`width:${isLargeScreen ? '100%' : Math.min(scenesListW, innerW) + 'px'};
       padding:${scenesListW > innerW ? '0 15px' : '0'}`"
         v-if="currentScenesList.length > 0"
       >
@@ -127,7 +127,7 @@
     <div
       class="group-level-1 swiper-container"
       id="swcatalogRoot"
-      :style="`width:${Math.min(catalogRootW, innerW)}px; padding:${catalogRootW > innerW ? '0 15px' : '0'}; bottom: ${rootListBottom}`"
+      :style="`width:${isLargeScreen ? '100%' : Math.min(catalogRootW, innerW) + 'px'}; padding:${catalogRootW > innerW ? '0 15px' : '0'}; bottom: ${rootListBottom}`"
       v-if="metadata.catalogRoot.length > 0 && metadata.catalogs.length > 1"
     >
       <ul class="swiper-wrapper" v-show="metadata.catalogRoot.length > 1">