带气泡的滑动选择器

更新时间：2021-08-27 11:07:50下载pdf

SettingSlider

组件预览图

带气泡的滑动选择器

组件属性

字段名	类型	描述	默认值
themeColor	string	主题颜色	“#57BCF”
code	string	dp code	null
value	number \| string	当前值	0
step	number	滑动步数	1
range	any[]	滑动值范围	[]
type	string	DP 类，支持value \| enum	“value”
onValueChange	(backValue: string \| number) => void	滑动回调	(v)=> {range[+v]}
onValueConfrim	(backValue: string \| number) => void	滑动结束回调	(v)=> {range[+v]}

使用示例

import React from 'react';
import { SettingSlider } from '@tuya/tuya-panel-outdoor-sdk';

const SettingSliderView = () => {
  return (
   <SettingSlider
          code="control"
          range={['open', 'stop', 'close']}
          value="close"
          type="enum"
          step={1}
          themeColor="#57BCFB"
          onValueConfrim={() => {}}
     />
  );
};
export default SettingSliderView;

上一篇根据经纬度获取位置组件

下一篇有渐变和阴影的进度条