1e41f4b71Sopenharmony_ci# tab-bar 2e41f4b71Sopenharmony_ci 3e41f4b71Sopenharmony_ci> **说明：** 4e41f4b71Sopenharmony_ci> 从API version 4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 5e41f4b71Sopenharmony_ci 6e41f4b71Sopenharmony_ci<[tabs](js-components-container-tabs.md)>的子组件，用来展示tab的标签区，子组件排列方式为横向排列。 7e41f4b71Sopenharmony_ci 8e41f4b71Sopenharmony_ci## 权限列表 9e41f4b71Sopenharmony_ci 10e41f4b71Sopenharmony_ci无 11e41f4b71Sopenharmony_ci 12e41f4b71Sopenharmony_ci 13e41f4b71Sopenharmony_ci## 子组件 14e41f4b71Sopenharmony_ci 15e41f4b71Sopenharmony_ci支持。 16e41f4b71Sopenharmony_ci 17e41f4b71Sopenharmony_ci 18e41f4b71Sopenharmony_ci## 属性 19e41f4b71Sopenharmony_ci 20e41f4b71Sopenharmony_ci除支持[通用属性](js-components-common-attributes.md)外，还支持如下属性： 21e41f4b71Sopenharmony_ci 22e41f4b71Sopenharmony_ci| 名称 | 类型 | 默认值 | 必填 | 描述 | 23e41f4b71Sopenharmony_ci| -------- | -------- | -------- | -------- | -------- | 24e41f4b71Sopenharmony_ci| mode | string | scrollable | 否 | 设置组件宽度的可延展性。可选值为：<br/>- scrollable：子组件宽度为实际设置的宽度，当宽度之和（包括margin边距）大于tab-bar的宽度时，子组件可以横向滑动。<br/>- fixed：子组件宽度均分tab-bar的宽度。 | 25e41f4b71Sopenharmony_ci 26e41f4b71Sopenharmony_ci 27e41f4b71Sopenharmony_ci## 样式 28e41f4b71Sopenharmony_ci 29e41f4b71Sopenharmony_ci支持[通用样式](js-components-common-styles.md)。 30e41f4b71Sopenharmony_ci 31e41f4b71Sopenharmony_ci 32e41f4b71Sopenharmony_ci## 事件 33e41f4b71Sopenharmony_ci 34e41f4b71Sopenharmony_ci支持[通用事件](js-components-common-events.md)。 35e41f4b71Sopenharmony_ci 36e41f4b71Sopenharmony_ci 37e41f4b71Sopenharmony_ci## 方法 38e41f4b71Sopenharmony_ci 39e41f4b71Sopenharmony_ci支持[通用方法](js-components-common-methods.md)。 40e41f4b71Sopenharmony_ci 41e41f4b71Sopenharmony_ci 42e41f4b71Sopenharmony_ci## 示例 43e41f4b71Sopenharmony_ci 44e41f4b71Sopenharmony_ci详见[tabs示例](js-components-container-tabs.md#示例)。 45