1# 底部页签
2
3底部页签是一种常见的界面导航控件,通过它用户可以快捷的访问应用的不同模块。
4![2_zh-cn_image_0000001568412805.png](figures/2_zh-cn_image_0000001568412805.png)
5
6
7## 如何使用
8
9- 仅在一级界面上使用,用于快速切换不同页签的内容。
10
11- 放置在屏幕底部,体现应用的一级分类,这些分类以平等的方式呈现。使用底部页签也方便用户单手操作。
12
13- 底部页签上的每一个页签,都是图标+文本的形式,用户单击页签时,该页签会被激活,视觉上会高亮显示。
14
15- 在平板上的横屏界面,底部页签通常会转化为侧边页签,方便用户双手握持操作。
16
17- 底部页签上的文本要精练,不要使用太长的字符串。
18
19
20- 为了避免页面拥挤,底部页签的展示数量不宜过多,建议在2-5个之间。
21
22- 底部页签上允许有新事件标记,用于通知用户该页签下有新的内容或消息,详见[“多态控件”>“新事件标记”](multimodal-badge.md)。
23
24
25![4_zh-cn_image_0000001517612876.png](figures/4_zh-cn_image_0000001517612876.png)
26
27
28- 在平板上,底部页签通常会转化为侧边页签,方便用户双手握持操作。
29
30- 底部页签个数在2-5个之间。
31
32- 底部页签采用图标+文本的构成形式。
33
34
35## 资源
36
37底部页签相关的开发文档详见容器组件[“Tabs”](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md)和[“TabContent”](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md)38