t-scroll-list

ScrollList 滚动列表

组件介绍

t-scroll-list 是滑动列表组件，允许用户通过横向滑动来浏览列表项，支持自定义指示器显示当前位置。

平台兼容

Harmony	H5	Android	iOS	小程序	UTS
✅	✅	✅	✅	✅	✅

基础用法

基础用法参考 demo/scroll-list/scroll-list.uvue，将列表项放在默认插槽中。

<template>
  <t-scroll-list :indicator="true">
    <t-row>
      <view class="w-200 h-100 bg-primary mr-20">项目1</view>
      <view class="w-200 h-100 bg-success mr-20">项目2</view>
      <view class="w-200 h-100 bg-warning mr-20">项目3</view>
      <view class="w-200 h-100 bg-error mr-20">项目4</view>
      <view class="w-200 h-100 bg-info mr-20">项目5</view>
    </t-row>
  </t-scroll-list>
</template>

Props

属性名	说明	类型	默认值
indicator	是否显示指示器	boolean	true
path	点击组件后跳转的页面路径	string	''
hover	是否启用点击效果	boolean	false
type	组件主题类型	string	'primary'
disabled	是否禁用	boolean	false
effect	组件显示主题	string	'normal'
size	组件尺寸	string	'medium'

Slots

插槽名	说明
default	默认插槽，放置滑动列表项