README.md
1# Tabs<a name="EN-US_TOPIC_0000001180157673"></a>
2
3### Introduction<a name="section104mcpsimp"></a>
4
5This sample shows how to use the **<tabs\>** component. You can use **<tab-bar\>** to set tags and **tab-content** to set the content to be displayed on each tab page. If the number of tags is the same as the number of tab pages, the tags are bound to the tab pages in sequence.
6
7### Usage<a name="section107mcpsimp"></a>
8
9On the home screen of the sample app, touch the tabs at the bottom or swipe left or right on the tab bar to switch between the tab pages.
10
11### Constraints<a name="section110mcpsimp"></a>
12
13This sample can only be run on standard-system devices.
14
15
README_zh.md
1# 页签容器
2
3### 简介
4
5本示例展示了tabs页签容器的使用，可通过子标签tab-bar来设置标签，子标签tab-content来设置内容。标签数目与内容页面数目相同就会依照顺序绑定。
6
7实现效果如下：
8
9
10
11### 相关概念
12
13Tabs：一种可以通过页签进行内容视图切换的容器组件，每个页签对应一个内容视图。
14
15TabContent：仅在Tabs中使用，对应一个切换页签的内容视图。
16
17### 相关权限
18
19不涉及。
20
21### 使用说明
22
23进入应用主界面后可通过点击应用底部的页签进行页面切换，也可左右滑动切换页面。
24
25### 约束与限制
26
271.该示例仅在标准系统上运行。
28
292.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。
30
31
32
