weex自动来回滚动公告组件

项目中最近又个业务，要写一个自动滚动的组件，本想找一个现成的组件，但是找不到，然后就开始造轮子了

<!--
  组件名 Notice  通知

  属性：
    data： String  文字内容
    url：String 要跳转到哪个页面

-->
<template>
  <div class="notice">
  <!-- 左侧图片 -->
    <image class="notice-icon" :src="notice"></image>
    <scroller
            ref="scroller"
            class="notice-left"
            scroll-direction="horizontal"
            :offset-accuracy="1"
            :scrollToBegin="true"
            :show-scrollbar="false"
            @scroll="handleScroll"
    >
      <text ref="scrollStart"></text>
      <text ref="scrollText" id="scrolltext" class="notice-text">{
  { data.replace(/[\n\r]/g,' ') }}</text>
    </scroller>
    <!-- 滚动区域遮罩层