1.5.4.12 slider

< slider > 组件

概述

轮播组件用于在一个网页中展示多个图片。初始设置是3秒内在2个图片做切换。

子组件

weex 所有的组件都支持轮播，特定的indicator组件只能是slider的子组件。

属性

auto-play:<布尔值> true | false.该值决定网页渲染完成之后是否自动播放。初始值的是关。

其他属性请查阅基本属性

样式

基础样式：请查阅基本样式

支持flexbox相关样式
支持盒模型相关样式
支持position相关样式
支持opacity,background-color等.

事件

change:当轮播索引改变时的钩子。事件对象包含index属性，他显示正在展示的图片的索引序号。

基本事件：查阅基本事件

支持click事件:查阅基本事件
支持appear / disapper事件:查阅基本事件

例子

 <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>

还没有评论.