slider

实现：
- Android：ViewPager
- iOS：
详情：
- 一个轮播容器，可用于承载其他子模板。
属性：
- slider-scroll-time-interval：
  - 详情：自动滚动时间间隔，单位毫秒，当值小于等于 0 时，不自动滚动
  - 默认值：3000
- slider-has-indicator：
  - 详情：是否有指示器
  - 默认值：true
- slider-infinity-scroll：
  - 详情：是否无限滚
  - 默认值：true
- slider-selected-index:
  - 详情：选中位置
  - 默认值：0
- slider-indicator-selected-color:
  - 详情：指示器选中颜色
  - 默认值：#FFFFFF
- slider-indicator-unselected-color:
  - 详情：指示器未选中颜色
  - 默认值：#BBBBBB
- slider-indicator-margin:
  - 详情：指示器 margin
  - 默认值：{0,0,0,0}
- slider-indicator-position:
  - 详情：指示器位置
  - 可选值：top-left, top-center, top-right, bottom-left, bottom-center, bottom-right
  - 默认值：bottom-right
- slider-indicator-class-android:
  - 详情：安卓自定义指示器类名，自定义类需要继承 com.alibaba.gaiax.render.view.container.slider.GXSliderBaseIndicatorView
  - 默认值：无定义，使用默认指示器样式
- slider-indicator-class-ios:
  - 详情：
  - 默认值：

基础用法：

// 定义：
{
  "id": "gx-slider",
  "type": "gaia-template",
  "sub-type": "slider",
  "slider-scroll-time-interval": 6000,
  "slider-has-indicator": true,
  "slider-infinity-scroll": true,
  "slider-indicator-selected-color": "#FFFFFF",
  "slider-indicator-unselected-color": "#BBBBBB",
  "slider-indicator-margin": "{10,10,10,10}",
  "slider-indicator-position": "right-bottom",
  "slider-indicator-class-android": "com.example.customIndicatorView",
  "layers": [
    {
      "id": "gx-slider-item",
      "type": "gaia-template",
      "sub-type": "custom"
    }
  ]
}

// 样式：
#gx-slider {
  width: 100%;
  height: 150px;
}

// 数据绑定：
{
  "data":{
    "gx-slider":{
      "value":"$nodes",
      "extend": {
        "slider-scroll-time-interval": 3000,
        "slider-infinity-scroll": true,
        "slider-has-indicator": true,
        "slider-selected-index": 1,
        "slider-indicator-selected-color": "'#FFFFFF'",
        "slider-indicator-unselected-color": "'#BBBBBB'"
      }
    }
  }
}

// Mock数据：
{
  "nodes": [
    {
      "image": "https://t7.baidu.com/it/u=376303577,3502948048&fm=193&f=GIF",
      "title": "第一个标题"
    },
    {
      "image": "https://t7.baidu.com/it/u=376303577,3502948048&fm=193&f=GIF",
      "title": "第二个标题"
    }
  ]
}

# slider

slider