3***@qq.com
3***@qq.com
  • 发布:2021-11-19 10:41
  • 更新:2021-11-19 10:41
  • 阅读:547

【报Bug】list 嵌套 swiper 嵌套 list ,在ios14 iphone 8p,滚动失效,滚动到一定程度无法继续向下滚动。

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS 11.4

HBuilderX类型: 正式

HBuilderX版本号: 3.2.14

手机系统: iOS

手机系统版本号: iOS 14

手机厂商: 苹果

手机机型: iphone8 p

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view class="oe_my_home_page" :style="{'height': wHeight +'px'}">
<list :id="pageId" class="page" :bounce="false" :fixFreezing="true" @scroll="scroll" :scrollable="true">
<cell>
<view id="head">
<view class="oe_home_info">
<view class="oe_home_avatar">
<image class="oe_home_avatar_image" :src="home.headimg_m2" mode="aspectFill" @click="viewAvatar($event)"></image>
</view>
<view class="oe_home_info_box">
<view class="oe_home_info_name_box">
<text class="oe_home_info_name">{{home.username}}</text>
<image class="oe_home_info_vip" :src="siteUrl + home.levelimg" mode="widthFix" v-if="home.isvip == '1'"></image>
</view>
<view class="oe_home_info_data">
<text class="oe_home_info_data_text" v-if="home.age != '0'">{{home.age}}岁</text>
<text class="oe_home_info_data_text" v-if="home.height != '0'">{{home.height}}cm</text>
<text class="oe_home_info_data_text" v-if="home.dist2 != '0'">{{home.dist2_t}}</text>
<text class="oe_home_info_data_text" v-if="home.marry != '0'">{{home.marry_t}}</text>
<text class="oe_home_info_data_text" v-if="home.wantchild != '0'">{{home.wantchild_t}}小孩</text>
</view>
<template v-if="loginStatus == '1'">
<view class="oe_home_info_label" v-if="loginInfo.isvip == '1'">
<text class="oe_home_info_label_text" v-if="home.distance">{{home.distance}}</text>
<text class="oe_home_info_label_text" v-if="home.logintime_t">{{home.logintime_t}}</text>
</view>
<view class="oe_home_info_label_tips" v-else>
<text class="oe_home_info_label_tips_text">开通VIP可显示在线时间和距离</text>
</view>
</template>
<view class="oe_home_info_label_tips" v-else>
<text class="oe_home_info_label_tips_text">登录后可显示在线时间和距离</text>
</view>
</view>
</view>
<view class="oe_home_num">
<view class="oe_home_num_box">
<view class="oe_home_num_wrap">
<text class="oe_home_num_text">{{home.collects}}</text>
</view>
<view class="oe_home_num_text_box">
<text class="oe_home_num_box_text">关注</text>
</view>
</view>
<view class="oe_home_num_line"></view>
<view class="oe_home_num_box">
<view class="oe_home_num_wrap">
<text class="oe_home_num_text">{{home.fans}}</text>
</view>
<view class="oe_home_num_text_box">
<text class="oe_home_num_box_text">粉丝</text>
</view>
</view>
<view class="oe_home_num_line"></view>
<view class="oe_home_num_btn_box">
<view class="oe_home_num_btn" :class="{'oe_home_num_btn_current': home.is_collect =='1'}" @click="follow">
<text class="oe_home_num_btn_text" v-if="home.is_collect =='1'">已关注</text>
<text class="oe_home_num_btn_text oe_home_num_btn_text_current" v-else>关注</text>
</view>
</view>
</view>
</view>
<view class="tabs" :style="'height:' + pageHeight + 'px'">
<view class="oe_home_line"></view>
<view class="oe_home_bar">
<view class="oe_home_bar_item" @click="switchTab(0)">
<text class="oe_home_bar_text" :class="{'oe_home_bar_text_current': tabIndex == 0}">介绍/征婚</text>
<view class="oe_home_bar_line_box" v-if="tabIndex == 0">
<view class="oe_home_bar_line"></view>
</view>
</view>
<view class="oe_home_bar_item" @click="switchTab(1)">
<text class="oe_home_bar_text" :class="{'oe_home_bar_text_current': tabIndex == 1}">动态·{{home.dynamic_num}}</text>
<view class="oe_home_bar_line_box" v-if="tabIndex == 1">
<view class="oe_home_bar_line"></view>
</view>
</view>
<view class="oe_home_bar_item" @click="switchTab(2)">
<text class="oe_home_bar_text" :class="{'oe_home_bar_text_current': tabIndex == 2}">相册·{{home.photo_num}}</text>
<view class="oe_home_bar_line_box" v-if="tabIndex == 2">
<view class="oe_home_bar_line"></view>
</view>
</view>
</view>
<swiper class="tab-view" ref="swiper1" id="tab-bar-view" :current="tabIndex" :duration="300" @change="swiperChange">
<swiper-item class="swiper-item">
<info class="swiper-page" pid="tab1" :parentId="pageId" :home="home" ref="page1"></info>
</swiper-item>
<swiper-item class="swiper-item">
<dynamic class="swiper-page" pid="tab2" :parentId="pageId" :id="id" ref="page2"></dynamic>
</swiper-item>
<swiper-item class="swiper-item">
<photo class="swiper-page" pid="tab3" :parentId="pageId" :id="id" ref="page3"></photo>
</swiper-item>
</swiper>
</view>
</cell>
</list>
</view>
</template>

操作步骤:

list组件嵌套swiper组件,再嵌套list组件

预期结果:

可以继续向下滚动

实际结果:

list无法更新高度,无法滚动到底部

bug描述:

list 嵌套 swiper 嵌套 list ,在ios14 iphone 8p,滚动失效,滚动到一定程度无法继续向下滚动。 无法滚动到底部

2021-11-19 10:41 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复