# tab-content<a name="ZH-CN_TOPIC_0000001164290710"></a>

-   [权限列表](#zh-cn_topic_0000001173164727_section11257113618419)
-   [子组件](#zh-cn_topic_0000001173164727_s6831289f2fac48a892746bd57f336c26)
-   [属性](#zh-cn_topic_0000001173164727_s623ab9c704b24c329d0e91e85a30263e)
-   [样式](#zh-cn_topic_0000001173164727_section15751323144115)
-   [事件](#zh-cn_topic_0000001173164727_s0c39d3f35b9d4af69a19456ae743c675)
-   [示例](#zh-cn_topic_0000001173164727_section11929165914411)

<[tabs](js-components-container-tabs.md#ZH-CN_TOPIC_0000001209252163)\>的子组件，用来展示tab的内容区，高度默认充满tabs剩余空间，子组件排列方式为横向排列，当作为容器组件的子元素时在主轴方向需要设置tab-content的确定长度，否则无法显示。

## 权限列表<a name="zh-cn_topic_0000001173164727_section11257113618419"></a>

无

## 子组件<a name="zh-cn_topic_0000001173164727_s6831289f2fac48a892746bd57f336c26"></a>

支持。

## 属性<a name="zh-cn_topic_0000001173164727_s623ab9c704b24c329d0e91e85a30263e"></a>

除支持[通用属性](js-components-common-attributes.md#ZH-CN_TOPIC_0000001163812208)外，还支持如下属性：

<a name="zh-cn_topic_0000001173164727_table20633101642315"></a>
<table><thead align="left"><tr id="zh-cn_topic_0000001173164727_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173164727_aa872998ac2d84843a3c5161889afffef"><a name="zh-cn_topic_0000001173164727_aa872998ac2d84843a3c5161889afffef"></a><a name="zh-cn_topic_0000001173164727_aa872998ac2d84843a3c5161889afffef"></a>名称</p>
</th>
<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173164727_ab2111648ee0e4f6d881be8954e7acaab"><a name="zh-cn_topic_0000001173164727_ab2111648ee0e4f6d881be8954e7acaab"></a><a name="zh-cn_topic_0000001173164727_ab2111648ee0e4f6d881be8954e7acaab"></a>类型</p>
</th>
<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173164727_ab377d1c90900478ea4ecab51e9a058af"><a name="zh-cn_topic_0000001173164727_ab377d1c90900478ea4ecab51e9a058af"></a><a name="zh-cn_topic_0000001173164727_ab377d1c90900478ea4ecab51e9a058af"></a>默认值</p>
</th>
<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173164727_p824610360217"><a name="zh-cn_topic_0000001173164727_p824610360217"></a><a name="zh-cn_topic_0000001173164727_p824610360217"></a>必填</p>
</th>
<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173164727_a1d574a0044ed42ec8a2603bc82734232"><a name="zh-cn_topic_0000001173164727_a1d574a0044ed42ec8a2603bc82734232"></a><a name="zh-cn_topic_0000001173164727_a1d574a0044ed42ec8a2603bc82734232"></a>描述</p>
</th>
</tr>
</thead>
<tbody><tr id="zh-cn_topic_0000001173164727_row0117609300"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164727_p126261111307"><a name="zh-cn_topic_0000001173164727_p126261111307"></a><a name="zh-cn_topic_0000001173164727_p126261111307"></a>scrollable</p>
</td>
<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164727_p206261816301"><a name="zh-cn_topic_0000001173164727_p206261816301"></a><a name="zh-cn_topic_0000001173164727_p206261816301"></a>boolean</p>
</td>
<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164727_p46261615305"><a name="zh-cn_topic_0000001173164727_p46261615305"></a><a name="zh-cn_topic_0000001173164727_p46261615305"></a>true</p>
</td>
<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164727_p116261914304"><a name="zh-cn_topic_0000001173164727_p116261914304"></a><a name="zh-cn_topic_0000001173164727_p116261914304"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164727_p1062618163010"><a name="zh-cn_topic_0000001173164727_p1062618163010"></a><a name="zh-cn_topic_0000001173164727_p1062618163010"></a>是否可以通过左右滑动进行页面切换。默认为true，设置为false后，页面的切换只能通过tab-bar的点击实现。</p>
</td>
</tr>
</tbody>
</table>

## 样式<a name="zh-cn_topic_0000001173164727_section15751323144115"></a>

支持[通用样式](js-components-common-styles.md#ZH-CN_TOPIC_0000001163932190)。

## 事件<a name="zh-cn_topic_0000001173164727_s0c39d3f35b9d4af69a19456ae743c675"></a>

支持[通用事件](js-components-common-events.md#ZH-CN_TOPIC_0000001209412119)。

## 示例<a name="zh-cn_topic_0000001173164727_section11929165914411"></a>

详见[tabs示例](js-components-container-tabs.md#zh-cn_topic_0000001173324585_section14993155318710)。