微信小程序顶部选项卡TabBar（页面切换）

最新推荐文章于 2023-05-18 18:06:23 发布

前端菜狗

最新推荐文章于 2023-05-18 18:06:23 发布

阅读量430

点赞数 1

分类专栏：小程序

本文链接：https://blog.csdn.net/renluoluo_6464/article/details/107243264

版权

本文介绍如何在微信小程序中实现顶部选项卡（TabBar）的页面切换效果，包括在index.wxml、index.wxss和index.js中的关键配置和代码实现。

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

微信小程序实现顶部导航切换效果

1.index.wxml

<view class="swiper-tab">
    <view class="swiper-tab-list {
    {currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">哈哈</view>
    <view class="swiper-tab-list {
    {currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">呵呵</view>
    <view class="swiper-tab-list {
    {currentTab==2 ? 'on' : &#