# Tabs: 标签页界面

胶囊样式的标签页组件，包含 Account、Password 和 Settings，显示 Account 标签处于激活状态及其面板文字。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/tabs

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-tabs.mp4?v=1b6040d2bc

带胶囊或下划线指示器的标签页组件，激活的标签下方有一小段面板文字。

- 框架: Remotion
- 类别: 界面
- 时长: 4 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/tabs

标签页组件在淡色胶囊轨道中显示 Account、Password 和 Settings，Account 处于激活状态，下方是面板文字"Make changes to your account here."。模板会把这个状态保持四秒。在代码中，切换激活标签时，指示器滑到新标签，标签颜色随之变化，面板文字交叉淡入。

您可以设置激活的标签，并在胶囊和下划线样式之间切换，还可以调整播放速度和背景。适用于设置或账户页面演示、SaaS 产品导览、功能对比或设计系统展示。

## 适用场景

- 设置页面演示
- SaaS 产品导览
- 功能对比
- 设计系统展示

## 可修改的内容

- `speed`: 播放速度 (数字)
- `stageBackground`: 场景周围的背景 (颜色)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Tabs 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 remocn 的 Tabs 制作: https://remocn.dev