view-ui-plus/types/carousel.d.ts

A high quality UI components Library with Vue.js 3

import type { DefineComponent } from 'vue';

export declare const Carousel: DefineComponent<{
    /**
     * 幻灯片的索引，从 0 开始，可以使用 v-model 双向绑定数据
     */
    'model-value'?: number;

    /**
     * 走马灯的高度，可填 auto 或具体高度数值，单位 px
     */
    height?: string | number;

    /**
     * 是否开启循环
     */
    loop?: boolean;

    /**
     * 是否自动切换
     */
    autoplay?: boolean;

    /**
     * 自动切换的时间间隔，单位为毫秒
     */
    'autoplay-speed'?: number;

    /**
     * 指示器的位置，可选值为 inside （内部），outside（外部），none（不显示）
     */
    dots?: 'inside' | 'outside' | 'none';

    /**
     * 是否显示圆形指示器
     */
    'radius-dot'?: boolean;

    /**
     * 指示器的触发方式，可选值为 click（点击），hover（悬停）
     */
    trigger?: 'click' | 'hover';

    /**
     * 切换箭头的显示时机，可选值为 hover（悬停），always（一直显示），never（不显示）
     */
    arrow?: 'hover' | 'always' | 'never';

    /**
     * 动画效果
     */
    easing?: string;

    /**
     * 幻灯片切换时触发，目前激活的幻灯片的索引，原幻灯片的索引
     */
    onOnChange?: (event?: any) => any;

    /**
     * 点击幻灯片时触发，返回索引值
     */
    onOnClick?: (event?: any) => any;

}>

export declare const CarouselItem: DefineComponent<{
    'v-slots'?: {
        /**
         * 默认插槽内容
         */
        default?: () => any;

    };
}>