Tuya Developer Forum

Code: Select all

import React, { useState } from 'react';
import OpacitySlider from '@ray-js/lamp-style-slider';

export function Home() {
  const [value, setValue] = useState(1000);
  const handleMove = v => {
    // console.log('move====', v);
  };

  return (
    <OpacitySlider
      style={{
        paddingLeft: 16,
      }}
      label="色温"
      valueStyle={{ color: 'blue' }}
      disable={false}
      value={value}
      onTouchMove={handleMove}
      trackBackgroundColor="linear-gradient(270deg, #CDECFE 1.22%, #FFFFFF 45.36%, #FFFFFF 53.27%, #FFCA5C 98.32%)"
    />
  );
}

export default Home;