更新记录

1.0.1（2023-12-12）

更新使用文档

1.0.0（2023-12-12）

1.0.0

平台兼容性

icool-scroll-list

使用案例

 <icool-scroll-list 
    @handleLabClick="selectArea"
    @handleItemClick="handleItemClick"
    :labList="areaList"
    :itemList="deptList"
    props="{
        description :'subSpecialty'
    }"
/>

入参

interface LabItem{
    image?: string
    name: string
}

interface ItemItem{
  name: string
  description?: string
}

interface Props {
  top?: number
  labList: LabItem[]
  itemList: ItemItem[]
  props?: {
    description?: string //描述属性转换(可参考elementui-tree 的props属性)
    image?: string // label 图片属性转换
    labName?: string // label 名称 属性转换
    itemName?: string // item 名称. 属性转化
  }
}

-top: 距离顶部的距离, 默认90rpx -labList: 左边滑动的列表数据, 需要传入对应的名称和icon,字段分别为 name, image -itemList: 右边滑动列表数据, 需要传入对应的名称和描述,字段分别为 name, description -props: 因为后端返回的数据各种各样,可能并不会完全满足当前插件的使用. 在这里传入 props 来进行转换 该参数的使用有受到 Element-ui tree 组件的启发.

组件传出的方法 methods

handleLabClick :   左侧点击事件
handleItemClick: 右侧点击事件