Page 1 of 1

涂鸦风格组件slider是否支持点击滑动条任意位置滑块跳转到点击位置

Posted: 2023年 May 4日 10:44
by xww

https://developer.tuya.com/material/lib ... e=TySlider 请问该组件是否支持点击滑动条任意位置,滑块滑动到点击位置


Re: 涂鸦风格组件slider是否支持点击滑动条任意位置滑块跳转到点击位置

Posted: 2023年 May 4日 17:02
by muhai

涂鸦风格组件slider有Ray版本和Sjs版本两个版本,Sjs版本需要从lib/slider下引入使用,props属性和Ray版本会有差异,Sjs版本提供enableTouch属性支持点击滑动条任意位置滑块跳转到点击位置。使用方法如下:

Code: Select all

import SjsSlider from '@ray-js/components-ty-slider/lib/slider';

const [value, setValue] = React.useState(30);

<RangeSlider
  instanceId="__slider_1"
  enableTouch
  step={1}
  end={value}
  bind:onChange={event => {
    setValue(event.detail.end);
  }}
/>

Re: 涂鸦风格组件slider是否支持点击滑动条任意位置滑块跳转到点击位置

Posted: 2023年 May 5日 16:13
by xww

barStyle={{width:'100rpx',height:'50rpx'}}
该滑动条增加样式后,滑动条会出现样式抖动