(本文档仅供参考)
需求
tab页组件开启跑马灯,轮播时间为5秒,希望鼠标光标放置在tab页其中一个组件上时,轮播暂停,光标移开轮播继续。
问题
使用tab页组件进行跑马灯模式,查看某一项分析时,超过5秒就划到下一个组件,鼠标放置在组件上最多保持20秒,不符合场景应用
解决方案
在组件宏管理那里复制一下代码:(注:此代码只能在11月20号之后的v11版本当中使用,其中的1000秒为暂停时间,超过1000秒还是会自动开启轮播,所以设置大一点为佳。)
function main(page: IPage, portlet: IStaticTabsPortlet) { if (portlet.__portletVue__ && portlet.__portletVue__.getCarouselTimerDuration) { portlet.__portletVue__.getCarouselTimerDuration = () => { // 这里设置了1000秒暂停,更改第一个1000秒设置实际时间 return 1000 * 1000 } } }