intelligence-screen/src/views/notice/index.vue

<template>
  <!-- 通知公告 -->
  <div class="screen-item notice">
    <div class="common-title">通知公告</div>
    <div class="small-module module-content">
      <!-- <i class="iconfont icon-tongzhi" /> -->
      <span class="notice-icon-gif" />
      <vue-seamless-scroll :data="noticeData" :class-option="defaultOption" class="seamless-warp">
        <p v-for="(item,index) in noticeData" :key="index"> {{ item.des }}</p>
      </vue-seamless-scroll>
    </div>
  </div>
</template>

<script>
import scrollMixins from '@/common/scrollMixins'
export default {
  name: 'Notice',
  mixins: [scrollMixins],
  data() {
    return {
      noticeData: [
        {
          'des': '1.经区政府批准，区人力资源和社会保障局人事工作综合事务中心协助组织符合政府安排工作条件退役士兵安排考试。综合成绩由量化评分和笔试成绩合并计算，量化评分占总成绩的60%，笔试成绩占总成绩的40%。服役期间量化评分由通州区退役军人事务局依据退役军人事务部、中央军委政治工作部2018年12月14日下发的服役期间量化评分由通州区退役军人事务局依据退役军人事务部、中央军委政治工作部2018年12月14日下发的'
        },
        {
          'des': '2.经区政府批准，区人力资源和社会保障局人事工作综合事务中心协助组织符合政府安排工作条件退役士兵安排考试。综合成绩由量化评分和笔试成绩合并计算，量化评分占总成绩的60%，笔试成绩占总成绩的40%。服役期间量化评分由通州区退役军人事务局依据退役军人事务部、中央军委政治工作部2018年12月14日下发的服役期间量化评分由通州区退役军人事务局依据退役军人事务部、中央军委政治工作部2018年12月14日下发的'
        }
      ]
    }
  },
  computed: {
    defaultOption() {
      return {
        step: 0.3, // 数值越大速度滚动越快
        limitMoveNum: 1, // 开始无缝滚动的数据量
        hoverStop: false, // 是否开启鼠标悬停stop
        direction: 1, // 0向下 1向上 2向左 3向右
        openWatch: true // 开启数据实时监控刷新dom
      }
    }
  },
  created() {
  },
  mounted() {
    // this.dataCompleteFun()
  },
  destroyed() {
    // 清理定时器
    clearTimeout(this.pauseTimer)
    this.pauseTimer = null
    clearInterval(this.scrollTimer)
    this.scrollTimer = null
  },
  methods: {
    // 数据加载完成方法
    dataCompleteFun() {
      this.scrollDom = this.$refs.noticetxt
      this.interval = 150
      this.timeout = 5000
      this.step = 1
      // 开启滚动
      this.autoScroll()
    }
  }
}
</script>

<style lang="scss">
@import "~@/assets/styles/index.scss";
</style>