V***@163.com
V***@163.com
  • 发布:2024-05-10 15:05
  • 更新:2024-05-10 15:05
  • 阅读:112

【报Bug】picker-view组件在nvue中滑动的bug

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: Mac Monterey

HBuilderX类型: 正式

HBuilderX版本号: 4.14

手机系统: Android

手机系统版本号: Android 9.0

手机厂商: 小米

手机机型: 小米6

页面类型: nvue

vue版本: vue3

打包方式: 离线

项目创建方式: HBuilderX

示例代码:

template

<picker-view class="picker-view" :indicator-style="indicatorStyle" :value="value">  
            <picker-view-column>  
                <view class="column-item" v-for="(item,index) in arrs" :key="index">  
                    <text class="column-item-title">{{item}}</text>  
                </view>  
            </picker-view-column>  
        </picker-view>

data

value: [1],  
                arrs:[  
                    1,2,3,4,5,6,7,8,9,10  
                ],  
                indicatorStyle: `height: 60px;`,

css

    .picker-view{  

        flex: 1;  
        height: 500rpx;  

        .column-item{  
            // border: 1px solid red;  
            height: 60px;  
            display: flex;  

            justify-content: center;  
            align-items: center;  

            &-title{  
                color: red;  
            }  
        }  
    }

操作步骤:

参考代码示例

预期结果:

nvue中picker-view滑动不会有明显抖动

实际结果:

nvue中picker-view滑动会有明显抖动

bug描述:

nvue文件加载picker-view组件滑动有明显抖动
vue中挺丝滑

nvue中
录屏视频地址:https://v.youku.com/v_show/id_XNDM4NzMyNzIwMA==.html?spm=a2hcb.playlist.page.1&playMode=pugv
!

2024-05-10 15:05 负责人:无 分享
已邀请:

要回复问题请先登录注册