优化“下划线样式swiper-list”view的层级已经不能横向滑动的问题

pages/template/swiper-list/swiper-list.uvue

 <template>
   <view class="swiper-list">
     <scroll-view ref="tabScroll" class="swiper-tabs" :scroll-x="true" :show-scrollbar="false">
-      <!-- TODO 多一层 view -->
-      <view>
       <view class="flex-row">
         <text ref="swipertab" class="swiper-tabs-item" :class="swiperIndex==index ? 'swiper-tabs-item-active' : ''"
           v-for="(item, index) in swiperList" :key="index" @click="onTabClick(index)">
@@ -10,7 +8,6 @@
         </text>
       </view>
       <view ref="indicator" class="swiper-tabs-indicator"></view>
-      </view>
     </scroll-view>
     <swiper ref="swiper" class="swiper-view" :current="swiperIndex" @transition="onSwiperTransition"
       @animationfinish="onSwiperAnimationfinish">
@@ -148,6 +145,7 @@
 <style>
   .flex-row {
     flex-direction: row;
+    align-self: flex-start;
   }
 
   .swiper-list {