Jumper 跳转

8/2/2022 操作跳转

用于上下翻页,适用于监控视图实例切换等

# 何时使用

import { HiJumper } from 'hi-kits/jumper'
1

# 基本用法

<h-jumper></h-jumper>

1
2
Expand Copy

# 尺寸

通过设置size为small | default | large

<h-jumper size="small"></h-jumper>
<h-jumper size="default"></h-jumper>
<h-jumper size="large"></h-jumper>

1
2
3
4
Expand Copy

# 线条

<h-jumper line></h-jumper>

1
2
Expand Copy

# 隐藏当前

<h-jumper  line hideCurrent></h-jumper>

1
2
Expand Copy

# 上下结构

<h-jumper dir="vertical"></h-jumper>

1
2
Expand Copy

# 参数说明

参数 说明 类型 可选值 默认值
dir 指定方向。目前支持水平( horizontal )和竖直( vertical )两种方向 string horizontal | vertical horizontal
line 线条 boolean - false
hideCurrent 显示 boolean - false
Last Updated: 4/25/2023, 16:14:30