1***@163.com
1***@163.com
  • 发布:2023-02-20 08:50
  • 更新:2024-10-02 09:23
  • 阅读:327

#插件讨论# 【 【z-tabs】一个简单轻量的tabs组件 - 照相 】在iPhone上 用z-paging-swiper模式,超出一屏视图会出现重叠和偏移

分类:uni-app

在iPhone上 用z-paging-swiper模式,超出一屏视图会出现重叠和偏移,设置父视图宽度高度后问题依然存在

2023-02-20 08:50 负责人:无 分享
已邀请:
照相

照相

页面截图看看

1***@163.com

1***@163.com (作者)

<z-paging-swiper>  
    <template v-slot:top>  
        <z-tabs ref="tabs" :list="tabs" :current="current" @change="onChange"></z-tabs>  
    </template>  
    <swiper class="swiper" :current="current" @transition="swiperTransition" @animationfinish="swiperAnimationfinish">  
        <swiper-item class="swiper-item" v-for="(item, index) in tabs" :key="index">  
            <!-- 这里的swiper-list-item为demo中为演示用定义的组件,列表及分页代码在swiper-list-item组件内 -->  
            <!-- 请注意,swiper-list-item非z-paging内置组件,在自己的项目中必须自己创建,若未创建则会报组件不存在的错误 -->  
            <swiper-list-item :tabIndex="index" :currentIndex="current"></swiper-list-item>  
        </swiper-item>  
    </swiper>  
</z-paging-swiper>  

图片看不出来,视频发不上去,现在模拟器是没问题的,真机上不行可以把demo在真机上试一下,第二页出现在第一页上面,页面两个选项会出现三个选项的宽度

1***@qq.com

1***@qq.com

兄弟,你是什么机型遇到的这个问题,我好像貌似遇到和你一样的问题。应用首页也是用 z-paging-swiper + swiper 的列表的形式

要回复问题请先登录注册