概述
輪播組件用于在一個網(wǎng)頁中展示多個圖片。初始設(shè)置是3秒內(nèi)在2個圖片做切換姑隅。
子組件
weex 所有的組件都支持輪播,特定的indicator組件只能是slider的子組件飒炎。
屬性
auto-play:<布爾值> true | false.該值決定網(wǎng)頁渲染完成之后是否自動播放谁不。初始值的是關(guān)。
樣式
支持flexbox相關(guān)樣式
支持盒模型相關(guān)樣式
支持position相關(guān)樣式
支持opacity,background-color等.
事件
change:當輪播索引改變時的鉤子震嫉。事件對象包含index屬性森瘪,他顯示正在展示的圖片的索引序號。
支持click事件
支持appear / disappear事件
<template>
<div>
<slider auto-play="true" onchange="change" style="...">
<image repeat="{{imageList}}" src="{{src}}" style="..."></image>
<indicator></indicator>
</slider>
</div>
</template>
<script>
module.exports = {
data: {
imageList: [{src: '...'}, {src: '...'}, ...]
},
methods: {
change: function (e) {
// e.index
}
}
}
</script>