久智环境
久智环境
  • 发布:2020-08-24 09:38
  • 更新:2024-04-22 23:27
  • 阅读:1852

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

分类:uni-app

产品分类: 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 分享
已邀请:
JinhuanTech

JinhuanTech

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

神奇的兔子

神奇的兔子

一年了,BUG依然存在

HRK_01

HRK_01

感谢反馈,已复现该问题

  • 开发者9厂

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

    2024-04-22 23:22

久智环境

久智环境 (作者)

有官方大佬来瞧瞧嘛

  • 开发者9厂

    目前没解决,有什么替代方案么?

    2024-04-23 07:31

久智环境

久智环境 (作者)

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

久智环境

久智环境 (作者)

顶一下

我不是大v

我不是大v

确实nvue里面没卵用

1***@qq.com

1***@qq.com

顶一下

ZFZF

ZFZF - zf

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

七辰

七辰

我是想知道怎么绑定值

0***@pzhkj.cn

0***@pzhkj.cn

22年了 还没有解决

s***@hafeikids.com

s***@hafeikids.com

23年了 还没有解决

zfweihai

zfweihai

tmd官方装聋作哑

开发者9厂

开发者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>

要回复问题请先登录注册