cdtbanner

具有手动切换、自动定时切换、查看缩略图功能的轮播图、图片展示组件。

安装

npm install cdtbanner

引入

import Banner from 'cdtbanner'
export default{
    components:{Banner},
    ...
}

API introduction

id:String 必传项
用于多个轮播图组件同时使用时，内部根据id区分。

lists:Array[string] 必传项
轮播图组件要显示的图片的地址组成的数组。

height:string 选填项
轮播图组件样式高度。

initialIndex:string | number 选填项
轮播图组件默认进来选中的图片的索引值。

glassW:string | number 选填项
轮播图正方形放大镜的边长：必须开启放大镜才有效。

large:string | number 选填项
轮播图放大镜放大的级别：默认放大4倍，至少是一个大于1的数，可以是小数；必须开启放大镜才有效。

autoPlay:Boolean 选填项
轮播图是否自动轮播:默认自动轮播。

showSwitchBtn:Boolean 选填项
 轮播图是否显示左右两边切换按钮:默认true显示。

showBtn:Boolean 选填项
 轮播图是否显示下方索引按钮:默认true显示。

openGlass:Boolean 选填项
轮播图是否开启放大镜：默认开启。

interval:Number | String 选填项
轮播图自动轮播时间间隔:默认2000ms

switchIn:Boolean 选填项
轮播图下方索引按钮是否位于图片的上方:默认false与图片在布局上上下展示【前提是要显示索引按钮】

Customize configuration

See Configuration Reference.