微信小程序tab切换，可滑动切换，导航栏跟随页面滚动

最新推荐文章于 2024-07-22 01:47:16 发布

Dove言和

最新推荐文章于 2024-07-22 01:47:16 发布

阅读量4.1k

点赞数

分类专栏：微信小程序实战全记录文章标签：小程序tab切换

本文为博主原创文章，未经博主允许不得镜像、转载。

本文链接：https://blog.csdn.net/qq_21041889/article/details/90670144

版权

微信小程序实战全记录专栏收录该内容

93 篇文章 151 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在微信小程序中实现tab切换功能，支持滑动切换，并且导航栏会根据页面滚动进行相应更新。

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

还未整理！！！

实例代码：

js:

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    navData: [
      {
        text: '首页'
      },
      {
        text: '健康'
      },
      {
        text: '情感'
      },
      {
        text: '职场'
      },
      {
        text: '育儿'
      },
      {
        text: '纠纷'
      },
      {
        text: '青葱'
      },
      {
        text: '上课'
      },
      {
        text: '下课'
      }
    ],
    currentTab: 0,
    navScrollLeft: 0

了解本专栏