<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>
- 发布:2021-11-19 10:41
- 更新:2021-11-19 10:41
- 阅读:547
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: macOS 11.4
HBuilderX类型: 正式
HBuilderX版本号: 3.2.14
手机系统: iOS
手机系统版本号: iOS 14
手机厂商: 苹果
手机机型: iphone8 p
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
list组件嵌套swiper组件,再嵌套list组件
list组件嵌套swiper组件,再嵌套list组件
预期结果:
可以继续向下滚动
可以继续向下滚动
实际结果:
list无法更新高度,无法滚动到底部
list无法更新高度,无法滚动到底部
bug描述:
list 嵌套 swiper 嵌套 list ,在ios14 iphone 8p,滚动失效,滚动到一定程度无法继续向下滚动。 无法滚动到底部