小程序页面顶部选项卡效果

最新推荐文章于 2024-08-06 15:09:03 发布

jackie_bobo

最新推荐文章于 2024-08-06 15:09:03 发布

阅读量2k

点赞数 2

分类专栏：小程序文章标签：小程序小程序页面顶部选项 tab栏切换

本文链接：https://blog.csdn.net/jackie_bobo/article/details/79968961

版权

本文介绍了如何在小程序中实现页面顶部选项卡的切换效果，包括展示的效果图和github上的源码下载链接。

摘要由CSDN通过智能技术生成

效果图：

效果图

github源码下载

<!--index.wxml-->  
<view class="swiper-tab" >  
    <view bindtap="swithNav" wx:for="{
    {tabCont}}" wx:key="item.index" class="swiper-tab-list {
    {currentTab==item.index?'active':''}}" data-current='{
    {item.index}}' >{
  {item.title}}</view>  
</view>  
<swiper class="swiper-box" current="{
    {currentTab}}" duration="300" style="height:400px" bindchange="GetCurrentTab" data-current='6' >  
    <swiper-item wx:for=