可视化大屏定时切换页面

这个需求要求每个页面隔15s切换下一张，这里使用了element-ui的走马灯组件：el-carousel。具体如下：

<el-carousel :interval="15000" :autoplay="true"  style="height: 100%;"  indicator-position="none">
  <el-carousel-item v-for="page in pages" :key="page.name" >
    <!-- 这里是每个页面组件的内容 -->
    <KeepAlive>
      <component :is="page.component"></component>
    </KeepAlive>
  </el-carousel-item>
</el-carousel>

interval：时间间隔， autoplay：是否自动播放， indicator-position：指示器的位置， el-carousel-item：代表包裹的每一项（这些其实文档都有）

<component :is="page.component"></component>  //动态绑定了每一个组件

上面的需求不想要走马等水平滑块的特效，所以使用下面的删掉过渡效果

.el-carousel__item.is-animating {
  transition: none;
}