Elevator


电梯楼层组件。

示例
默认用法
  1. <nut-elevator
  2. :dataArray="dataList"
  3. :showIndicator="true"
  4. :navHeight="0.8"
  5. :initIndex="0"
  6. :hiddenTime='500'
  7. @clickNav="clickNav"
  8. @clickList="clickList"
  9. ></nut-elevator>

数据类型
  1. dataList:[
  2. {
  3. title:"A",
  4. list:[//可以为空数组
  5. {
  6. name:'安其拉',
  7. id:'a1'//id字段可以没有
  8. },
  9. {
  10. name:'安琪',
  11. id:'a2'
  12. }
  13. ]
  14. }
  15. ]

Props
参数说明类型默认值可选值
dataArray渲染楼层数据,为必填项Array[]
showIndicator是否显示索引值提示符Boolean
hiddenTime索引值提示符显示的时间,单位msNumber500
navHeight索引栏每个索引区域的高度,单位remNumber0.8
initIndex进入页面后,当前定位到的索引值Number0
Events
事件名说明回调参数
clickNav点击/离开索引栏时的回调函数返回点击的索引值和title
clickList点击左侧列表时的回调函数返回点击的对象数据和所在区域的对象数据