- 上下滚动的效果
使用 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’
}
}
},