You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

50 lines
754 B

3 years ago
<template>
<swiper
:autoplay="autoplay"
:interval="interval"
:circular="circular"
style="height: 34rpx;"
:duration="duration"
:vertical="true"
>
<swiper-item v-for="(item,i) in list" :key="i">
<view @click="toArticleDetail(item.id)">{{item.title}}</view>
</swiper-item>
</swiper>
</template>
<script>
export default{
props:{
list: {
type: Array,
default: []
},
duration: {
type: Number,
default: 1500
},
interval: {
type: Number,
default: 5000
},
circular: {
type: Boolean,
default: true
},
autoplay: {
type: Boolean,
default: true
},
},
methods:{
toArticleDetail(id){
this.$emit('toArticleDetail',id)
}
}
}
</script>
<style>
</style>