物料 LampVerticalPercentSlider 设置样式无效

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


Post Reply
MwM-Mai
Posts: 146

<Foo
min={1}
max={100}
width="45.349rpx"
height="523.256rpx"
barColor="red"
/>
设置滑条颜色为红色,但是调试后还是默认白色
在index.module.less使用!important 样式穿透 设置圆角 无效果

.slider__rayui-vertical-percent-slider {
border-radius: 17.442rpx !important;
}

.slider__rayui-vertical-percent-slider-bar {
background: linear-gradient(357deg, #ff5252 0%, #ffdd7e 99%) !important;
}


Tags:
muhai
Posts: 84

Re: 物料 LampVerticalPercentSlider 设置样式无效

yarn add --registry=https://registry.npmjs.org/ @ray-js/lamp-vertical-percent-slider@0.0.4

Code: Select all

<PercentSlider
  barColor="red"
  trackColor="blue"
  max={1000}
  onTouchStart={onTouchStart}
  onTouchEnd={onTouchEnd}
  trackStyle={{
    borderRadius: '4px',
  }}
  barStyle={{
    borderRadius: '4px',
  }}
/>
Post Reply