<template>
<view>
<!--顶部导航栏-->
<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll">
<view class="scroll-view-item_H" v-for="(tab,index) in tabBars" :key="tab.id" :id="tab.id"
:class="navIndex==index ? 'activite' : ''" @tap="checkIndex(index)">
{
{tab.name}}
</view>
</scroll-view>
<!-- 内容 -->
<swiper :current="navIndex" @change="tabChange" class="content">
<swiper-item class="swiper_item ">
设备信息
</swiper-item>
<swiper-item class="swiper_item ">
</swiper-item>
<swiper-item class="swiper_item ">
故障信息
</swiper-item>
<swiper-item class="swiper_item ">
缺陷信息
Uniapp实现滑动页面tab的切换
最新推荐文章于 2024-06-03 13:38:13 发布
本文介绍如何利用Uniapp框架结合JavaScript,实现移动端应用中滑动切换页面Tab的效果,详细讲解了相关组件的配置和事件监听,帮助开发者创建更流畅的用户体验。
摘要由CSDN通过智能技术生成