cover-flow

[详细示例：cover-flow.vue]

轮播图组件

属性

参数	描述	类型
isVertical	是否是竖向，默认false	boolean
autoScrollInterval	自动滚动事件间隔，0：不自动滚动	int
zoomInValue	放大倍数，值为1时是原大小	int

方法

• getCurrentIndex(function) 获取当前选中index(回调）
• scrollToIndex(int, int) 滚动到第几个（index, 过度时间)

示例：

点击查看源码

<cover-flow class="cf_vertical" :clipChildren="false" :zoomInValue="1.3" :autoScrollInterval="2000" :isVertical="true">
    <div class="scrollChild"> <!--.scrollChild { display: flex; flex-direction: column; } 竖向的scrollChild需要加这两个css -->
        <img src="http://test-mp.hiliad.com/static/taobao/pic1.png">
        <img src="http://test-mp.hiliad.com/static/taobao/pic2.png">
        <img src="http://test-mp.hiliad.com/static/taobao/pic3.png">
    </div>
</cover-flow>

事件

事件名称	描述	类型
scroll	滚动时会执行此回调函数。	Function