specialdisplay v1.0.5

SpecialDisplay多个大图轮滑展示，带头部切换块。头部和标点随图片自动切换。

安装

新项目用npm init -y命令初始化一下

安装依赖组件

npm install mini-ali-ui --save

安装

npm install specialdisplay --save

使用说法

// ***.json
{
  "usingComponents": {
    "special-display": "specialdisplay"
  }
}

基本用法

<view class="s-index">
  <special-display listData="{{listData}}" indicatorBottom="{{200}}"></special-display>
</view>

slot

<view class="s-index">
  <special-display listData="{{listData}}">
    <view a:for="{{listData}}" slot="aux{{index}}" class="aux">
      <view class="test-drive">
        预约试驾
      </view>
    </view>
  </special-display>
</view>

数据格式

   listData: [
      {
        title: '宝宝马', imgUrl: '/access/images/002.jpg'
      },
      {
        title: '大猫', imgUrl: '/access/images/003.jpg'
      },
      {
        title: '小猫', imgUrl: '/access/images/004.jpg'
      },
      {
        title: '闪电猫', imgUrl: '/access/images/003.jpg'
      },
      {
        title: '小飞猫', imgUrl: '/access/images/004.jpg'
      },
    ]

属性

slot