滑动条组件不显示滑动条

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


Post Reply
专业搬砖
Posts: 9

滑动条不显示,这个是yarn.lock文件和package.json文件,代码是组件库原封不动的代码。

Attachments
17044198780e247ac90dd (1).zip
(255.38 KiB) Downloaded 148 times
企业微信截图_1704435386576.png
企业微信截图_1704435373219.png

Tags:
muhai
Posts: 84

Re: 滑动条组件不显示滑动条

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;

"@ray-js/components-ty-lamp": "1.10.3",

我试了一下是正常的

截屏2024-01-05 下午4.55.25.png
muhai
Posts: 84

Re: 滑动条组件不显示滑动条

提供一下IDE版本号

专业搬砖
Posts: 9

Re: 滑动条组件不显示滑动条

0.5.12

Post Reply