更多内容请访问：鸿蒙技术社区，与华为官方共建https://ost.51cto。com1.目标使用小系统支持的基本控件实现标签页容器。2.背景OpenHarmony标准系统有一个tabs容器。在标准系统中，标签页是一种常见的界面导航。通过标签容器，用户可以快速访问应用的不同模块，但是在小系统中并没有提供标签页容器，目前的需求是在L1设备上实现一个类似标签页容器的功能。3、环境设备：君正x2000开发板。系统：OpenHarmony3.0.0.0(LTS)。4.效果(1)视频效果为小型设备定制标签效果。（二）效果截图五、实现思路从效果图中可以看出，tab容器包括：可切换的菜单。可切换的内容容器。分析：在小系统支持的基础容器中，可以通过基础容器（div）+文本容器（text）的组合实现菜单；可切换的内容容器可以通过滑动容器（swiper）实现；当点击菜单容器的点击事件结合滑动容器切换时的回调事件change事件，可以实现自定义标签页容器。备注：如果对上面提到的容器API不熟悉，可以参考以下内容：swiperAPI测试API6.完整代码说明：该组件的代码包括三部分：html,css，js，因为代码比较简单，所以就不写注释了，有不懂的地方可以留言。
