久智环境

发布：2020-08-24 09:38
更新：2024-04-22 23:27
阅读：1872

【报Bug】nvue中slider无法正常滑动

分类：uni-app

bug已确认

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 10

HBuilderX类型：正式

HBuilderX版本号： 2.8.3

手机系统： iOS

手机系统版本号： iOS 13.4

手机厂商：苹果

手机机型： iphone x

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>  
    <view class="main">  
        <view class="items">  
            <view class="item">  
                <slider class="slider" :min="-5" :max="50" activeColor="#01BEBE" backgroundColor="#EEF2FE"/>  
            </view>  
            <view class="item">  
                <slider class="slider" :min="0" :max="100" activeColor="#1890FF" backgroundColor="#EEF2FE"/>  
            </view>  
            <view class="item">  
                <slider class="slider" :min="0" :max="100" activeColor="#1890FF" backgroundColor="#EEF2FE"/>  
            </view>  
            <view class="item">  
                <slider class="slider" :min="0" :max="100" activeColor="#1890FF" backgroundColor="#EEF2FE"/>  
            </view>  
            <view class="item">  
                <slider class="slider" :min="0" :max="100" activeColor="#1890FF" backgroundColor="#EEF2FE"/>  
            </view>  
        </view>  
    </view>  
</template>  

<style>  
    .main {  
        padding: 20rpx;  
    }  

    .items {  
        flex-direction: row;  
        justify-content: space-between;  
        flex-wrap: wrap;  
    }  

    .item {  
        width: 340rpx;  
        height: 280rpx;  
        border-radius: 10rpx;  
        align-items: center;  
        padding-top: 25rpx;  
        background-color: #FFFFFF;  
        margin-bottom: 20rpx;  
    }  

    .slider {  
        width: 292rpx;  
        height: 60rpx;  
    }  

</style>

操作步骤：

1：随便新建一个全新的nvue页面
2：输入代码示例内容
3：偶数列的slider无法滑动

预期结果：

可以进行滑动

实际结果：

滑块碰一下就跳到100，即最大值

bug描述：

在nvue页面中，slider滑块在偶数列将无法进行滑动

2020-08-24 09:38 负责人:DCloud_uni-ad_HDX 分享

14 个回复

JinhuanTech

这么基础的组件有bug，官方都不回复解决一下吗？

神奇的兔子

一年了，BUG依然存在

HRK_01

感谢反馈，已复现该问题

开发者9厂

请问什么时候解决等着呢，我的妈了

2024-04-22 23:22

久智环境 (作者)

有官方大佬来瞧瞧嘛

开发者9厂

目前没解决，有什么替代方案么？

2024-04-23 07:31

久智环境 (作者)

仔细尝试了一下，在nvue中所有的slider圆点在手指触摸的时候都会跳动一下，在偶数列的直接跳动到末尾

久智环境 (作者)

顶一下

我不是大v

确实nvue里面没卵用

1***@qq.com

顶一下

ZFZF - zf

而且block-size设置的小一点，显示也有问题，救命啊，有没有人解决啊

七辰

我是想知道怎么绑定值

0***@pzhkj.cn

22年了还没有解决

开发者9厂

24年了

2024-04-22 23:28

s***@hafeikids.com

23年了还没有解决

zfweihai

tmd官方装聋作哑

开发者9厂

哭了呀，我在准备在创建相同的bug ,然后提示我这个点过来和我的一模一样。。。
我自定义了一个video的视频进度条，填一个坑，又踩一个坑。。。。。。。。

这是我自定义播放器相关控制器的代码。。。和楼主说的一样，安卓看起来还好一点，iOS直接就跳到底部了
如果没有左右任何元素，可以正常使用，但是我的结构左右都有按钮，中间的是进度条，然后是flex：1 的自动宽度，我尝试包裹一层也不行 <cover-view style="flex:1;background-color: red;">
就因为这个事都把产品惹急了。。。。。。。

<cover-view  
                v-if="isSetButton && !isShowFullScreen"  
                class="controls-container-view"  
                :style="fastwardStyle"  
                style="background-color: rgba(0,0,0,.3);"  
            >  
                <cover-view  
                        class="fastward-view"  
                        style="justify-content: flex-end; align-items: flex-start;"  
                    >  
                    <u-icon @tap="play_()" :name="!playState ?'play-right-fill' : 'pause'" color="#fff" size="25"></u-icon>  
                </cover-view>  
                <cover-view  
                    class="fastward-view"  
                    style="justify-content: flex-end; align-items: flex-start;margin: 0 10rpx;"  
                >  
                    <u-icon @tap="fastBackward()" name="rewind-left-fill" color="#fff" size="25"></u-icon>  
                </cover-view>  
                    <!-- 时间进度 -->  
                    <text style="font-size:24rpx; color: #fff; border:none;margin-right:10rpx">  
                        {{formattedVideoRealTime(videoRealTime)}}  
                    </text>  

                    <!-- 进度条 -->  
        <cover-view style="flex:1;background-color: red;">  
          <slider  
          :value="videoRealTime"   
          @changing="sliderChanging"  
          @change="sliderChange"  
          :min="0"  
          :max="videoTotalTime"  
          activeColor="#ac6142"  
          backgroundColor="#d0d0d0"  
          block-color="#ac6142"  
          block-size="22" />  
      </cover-view>  
                    <!-- 总是时间 -->  
                    <text style="fontSize:24rpx; color: #fff;margin-left:10rpx">  
                        {{formattedVideoRealTime(videoTotalTime)}}  
                    </text>  
                    <view  
                        class="fastward-view"  
                        style="justify-content: flex-end; align-items: flex-end;margin:0 10rpx;"  
                    >  
                        <u-icon @tap="fastward()" name="rewind-right-fill" color="#fff" size="25"></u-icon>  
                    </view>  
                    <u-icon size="24" name="/static/image/video/full.png" v-if="!isShowFullScreen" @tap="clickFullScreen"></u-icon>  
                    <u-icon size="23" name="/static/image/video/cancelFull.png" v-else @tap="clickFullScreen"></u-icon>  
            </cover-view>

1***@qq.com

问问有解决吗

2024-09-11 16:09

要回复问题请先登录或注册

【报Bug】nvue中slider无法正常滑动

操作步骤：

1：随便新建一个全新的nvue页面
2：输入代码示例内容
3：偶数列的slider无法滑动

预期结果：

可以进行滑动

实际结果：

滑块碰一下就跳到100，即最大值

bug描述：

14 个回复

公告

相关问题

【报Bug】nvue中slider无法正常滑动

操作步骤： 1：随便新建一个全新的nvue页面 2：输入代码示例内容 3：偶数列的slider无法滑动

预期结果： 可以进行滑动

实际结果： 滑块碰一下就跳到100，即最大值

bug描述：

相关链接 ：

与内容相关的链接

14 个回复

公告

相关问题

操作步骤：

1：随便新建一个全新的nvue页面
2：输入代码示例内容
3：偶数列的slider无法滑动

预期结果：

可以进行滑动

实际结果：

滑块碰一下就跳到100，即最大值

相关链接：