Introduction

The swipe action component is used to display swipe actions for list items. It supports left and right swipes, custom action buttons, swipe threshold settings, rebound animations, and other features. It provides a unified swipe interaction solution for list items and is suitable for scenarios where more actions need to be revealed by swiping.

Usage

Import it locally by configuring it in the index.json of the page or component where it is needed.

"usingComponents": {
  "fs-slideview": "ava-ui/fxui/slideview/slideview"
}

Code Demo

API

Parameters

| Parameter | Description | Type | Options | Default | |---------- |-------- |---------- |------------- |-------- |-------- | | extClass | Extra class name | string | — | '' | | buttons | Button configuration array | Array | — | [] | | disable | Whether disabled | boolean | — | false | | icon | Whether to display icons (deprecated) | boolean | — | false | | show | Whether to display | boolean | — | false | | duration | Animation duration (ms) | number | — | 350 | | throttle | Throttle interval (ms) | number | — | 40 | | rebounce | Rebound distance | number | — | 0 | | hidden | Whether hidden | boolean | — | false |

Events

Name	Parameters	Description
buttontap	data	Button click event
hide	-	Hide event
show	-	Show event

打开预览