SwipeAction 滑动操作

基本用法

import { SwipeAction, Button, Cell } from 'zarm';
ReactDOM.render(
  <>
    <SwipeAction
      right={[
        <Button size="lg" shape="rect" theme="primary" onClick={() => console.log('右按钮1')}>右按钮1</Button>,
        <Button size="lg" shape="rect" theme="danger" onClick={() => console.log('右按钮2')}>右按钮2</Button>,
      ]}
    >
      <Cell>左滑看看</Cell>
    </SwipeAction>
    <SwipeAction
      left={[
        <Button size="lg" shape="rect" theme="primary" onClick={() => console.log('左按钮1')}>左按钮1</Button>,
        <Button size="lg" shape="rect" theme="danger" onClick={() => console.log('左按钮2')}>左按钮2</Button>,
      ]}
    >
      <Cell>右滑看看</Cell>
    </SwipeAction>
    <SwipeAction
      autoClose
      left={[
        <Button size="lg" shape="rect" theme="primary" onClick={() => console.log('左按钮1')}>左按钮1</Button>,
        <Button size="lg" shape="rect" theme="danger" onClick={() => console.log('左按钮2')}>左按钮2</Button>,
      ]}
      right={[
        <Button size="lg" shape="rect" theme="danger" onClick={() => console.log('右按钮1')}>右按钮2</Button>,
      ]}
      onOpen={() => console.log('open')}
      onClose={() => console.log('close')}
    >
      <Cell>左右都能滑动（自动关闭）</Cell>
    </SwipeAction>
  </>
, mountNode);

API