vue中使用swiper

1. 上下滚动的效果
   使用 marquee 效果太僵硬，而且不好控制
   可以使用swiper

在vue中使用 可以用 vue-awesome-swiper （基于swiper封装的vue插件）

安装：
npm install swiper vue-awesome-swiper --save

template部分

 <swiper :options="swiperOption" class="noticeRight">
    <swiper-slide v-for="(item, index) in noticeList" :key="index">
      <div class="swiperContent one-ellipsis" @click="banenrGo(item)">{{item.content}}</div>
    </swiper-slide>
 </swiper>

script部分

import ‘swiper/dist/css/swiper.css’
import {swiper, swiperSlide} from ‘vue-awesome-swiper’
components: {
swiper,
swiperSlide
},

data() {
return {
swiperOption: {
autoplay: {
delay: 5000
},
direction: ‘vertical’
}
}
},