TabBar 标签栏

用于在不同功能模块之间进行快速切换，位于页面底部。

---

组件类型

繁中

英文

日文

组件状态

当手指按下时，图标尺寸从24px缩放到20px。

应用场景

尺寸标注

何时使用

• 适用于在不同页面之间进行切换。

文案规范

简体中文	繁体中文	英文	日文
概览	概覽	Overview	がいよう
收款	收款	Pay-In	にゅうきん
付款	付款	Pay-Out	しゅっきん
应用	應用	Application	アプリ
我的	我的	Profile	プロフィール

设计指南

--

设计资源

类型	资源	状态
设计	Design Kit (Figma)	是
Storybook	Storybook	是

API 参考

属性	说明	类型	默认值
aria-label	按钮的标签	string	-

设计变量

animation

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

color

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

font

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

height

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

other

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

radius

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

spacing

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

width

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间