页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

需求

tab页组件开启跑马灯,轮播时间为5秒,希望鼠标光标放置在tab页其中一个组件上时,轮播暂停,光标移开轮播继续。

问题

使用tab页组件进行跑马灯模式,查看某一项分析时,超过5秒就划到下一个组件,鼠标放置在组件上最多保持20秒,不符合场景应用


2023-12-25 11-33-30.mp4

解决方案

在组件宏管理那里复制一下代码:(注:此代码只能在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
    }
  }
}





  • 无标签