如何解决如何在自动播放中的React Awesome Slider中隐藏计时器
我正在使用具有自动播放功能的React Awesome Slider。但是,当我这样做时,幻灯片上会出现一个计时器更改并包装幻灯片项目。尽管我设置了showtime: {false}
,但是它不能正确反映。
import AwesomeSlider from 'react-awesome-slider'
import withAutoplay from 'react-awesome-slider/dist/autoplay'
const AutoplaySlider = withAutoplay(AwesomeSlider)
const MySlider = () => (
<AutoplaySlider play={true} showTimer={false}>
<div>1</div>
<div>2</div>
<div>3</div>
</AutoplaySlider>
)
解决方法
不幸的是,我找不到任何解决方案。关于React Awesome Slider似乎是一个错误。我可能会为此发送请求请求。但是,我使用CSS强制隐藏计时器。
.my-slider-class-name .awssld__timer {
opacity: 0;
pointer-events: none; /* prevent events (mouse clicking etc.) */
}
注意::当我尝试显示:无显示时,滑块停止工作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。