加载中...

1.5.4.12 slider


< slider > 组件

概述

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

子组件

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

属性

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

其他属性请查阅基本属性

样式

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

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

事件

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

基本事件:查阅基本事件

例子

  1. <template>
  2. <div>
  3. <slider auto-play="true" onchange="change" style="...">
  4. <image repeat="{{imageList}}" src="{{src}}" style="..."></image>
  5. <indicator></indicator>
  6. </slider>
  7. </div>
  8. </template>
  9. <script>
  10. module.exports = {
  11. data: {
  12. imageList: [{src: '...'}, {src: '...'}, ...]
  13. },
  14. methods: {
  15. change: function (e) {
  16. // e.index
  17. }
  18. }
  19. }
  20. </script>

还没有评论.