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

面板小程序开发相关产品技术讨论,包括面板小程序、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
xww
Posts: 52

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

muhai
Posts: 27

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

涂鸦风格组件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);
  }}
/>
xww
Posts: 52

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

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

Post Reply