uniapp tab上下

UniApp中的tab上下联动可以使用scroll-view组件和swiper组件来实现。

首先，你可以在template中使用scroll-view组件来实现横向滚动的tab栏，代码如下：<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [uniapp tab 栏选项卡与内容区域联动](https://blog.csdn.net/weixin_51614564/article/details/127227523)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [微信小程序实现导航栏和内容上下联动功能代码](https://download.csdn.net/download/weixin_38551187/13128662)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]