组件
ShadcnTabs
标签页：TabsList / TabsTrigger / TabsContent，default/line 双 variant。
基于 QQC.TabBar + TabButton（Basic style），default（胶囊底容器）与 line（下划线指示器）双 variant。
用法
Column {
spacing: theme.spacingMd
ShadcnTabsList {
id: tabs
variant: "default" // "default" | "line"
ShadcnTabsTrigger { text: qsTr("账户") }
ShadcnTabsTrigger { text: qsTr("密码") }
}
StackLayout {
currentIndex: tabs.currentIndex
ShadcnTabsContent { Text { text: qsTr("账户内容") } }
ShadcnTabsContent { Text { text: qsTr("密码内容") } }
}
}
说明
- List variant：
default= bg-muted 圆角容器；line= 透明底 - Trigger：default 选中白底（bg-background）；line 选中 2px 下划线指示器
- 联动：
ShadcnTabsList暴露currentIndex，外部用StackLayout绑定 - 键盘左右切换
相关
- 设置页分区 / 详情页页签等