<cell>
<!-- 这个区域内容变多 一屏装不下的时候 -->
<view id="head" class="header">
<text class="header-title">header</text>
</view>
</cell>
<!-- 以下代码 正常 -->
<cell>
<view class="tabs" :style="'height:' + pageHeight + 'px'">
<scroll-view ref="tabbar1" id="tab-bar" class="tab-bar" :scroll="false" :scroll-x="true"
:show-scrollbar="false" :scroll-into-view="scrollInto">
<view style="flex-direction: column;">
<view style="flex-direction: row;">
<view class="uni-tab-item" v-for="(tab,index) in tabList" :key="tab.id" :id="tab.id" :ref="'tabitem'+index"
:data-id="index" :data-current="index" @click="ontabtap">
<text class="uni-tab-item-title" :class="tabIndex==index ? 'uni-tab-item-title-active' : ''">{{tab.name}}</text>
</view>
</view>
<view class="scroll-view-indicator">
<view ref="underline" class="scroll-view-underline" :class="isTap ? 'scroll-view-animation':''"
:style="{left: indicatorLineLeft + 'px', width: indicatorLineWidth + 'px'}"></view>
</view>
</view>
</scroll-view>
<view class="tab-bar-line"></view>
<swiper class="tab-view" ref="swiper1" id="tab-bar-view" :current="tabIndex" :duration="300" @change="onswiperchange"
@transition="onswiperscroll" @animationfinish="animationfinish" @onAnimationEnd="animationfinish">
<swiper-item class="swiper-item" v-for="(page, index) in tabList" :key="index">
<swiper-page class="swiper-page" :pid="page.pageid" :parentId="pageId" ref="page"></swiper-page>
</swiper-item>
</swiper>
</view>
</cell>
特购
- 发布：2021-09-19 19:31
- 更新：2021-09-22 16:00
- 阅读：730
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.2.3
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： 小米8
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
header区域内容多少 不影响下方swiper中的区域上下滚动
header区域内容多少 不影响下方swiper中的区域上下滚动
实际结果：
header区域内容多 下方swiper不能正常上下滚动
header区域内容多 下方swiper不能正常上下滚动
bug描述：
使用演示uni-app框架的组件模板中 使用swiper-list nvue模板 当header区域内容特别多，下方swiper 向上拉动 页面会卡死 页面只可下拉不可上拉 需要点击tab切换下 就变正常了
特购 (作者)
好的 谢谢 我试下
2021-09-23 15:02