TvCarousel 走马灯 TV
该方法或组件支持轻应用调用

走马灯，轮播图

引入方式

数字生活小程序工程-TV模板，不需要 import，直接使用组件标签即可。

import { TvCarousel, TvCarouselItem } from '@21cnfe/tv-vui'
Vue.component('TvCarousel', TvCarousel)  
Vue.component('TvCarouselItem', TvCarouselItem)

代码演示

<tv-carousel class="carousel-container"
             dots
             autoplay
             :autoplayInterval="4000"
             @change="onCarouselChange"
             @carouselClick="onCarouselClick">
    <tv-carousel-item class="carousel-item" v-for="(item, index) in sliders" :key="index">
        <img class="img" :src="item.src" />
    </tv-carousel-item>
</tv-carousel>

API

属性	说明	类型	默认值
`autoplay`	自动轮播模式	Boolean	false
`autoplayInterval`	自动轮播间隔时间	Number	3000

Events

事件名称	说明	回调参数
`change`	轮播发生改变时触发，返回当前轮播项索引值	currentIndex
`carouselClick`	轮播组件被点击时触发，返回当前索引值	currentIndex

1. TvCarousel 走马灯 TV 该方法或组件支持轻应用调用

TvCarousel 走马灯 TV 该方法或组件支持轻应用调用

引入方式

代码演示

API

Events

TvCarousel 走马灯 TV
该方法或组件支持轻应用调用