微信小程序实现tabbar实现icon中的切换跳转

最新推荐文章于 2024-08-09 12:40:22 发布

Specialize in Linxu

最新推荐文章于 2024-08-09 12:40:22 发布

阅读量1.2k

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/qq_44170622/article/details/106986718

版权

小程序专栏收录该内容

80 篇文章 4 订阅

订阅专栏

tabbar使用场景
我们在开发的过程中，使用tabbar是非常常用的，比如微信，QQ在移动端的开发，tabbar可以说基本都能用到，既然这么常用，下面就说说如何正确使用吧，下面先上效果图
在这里插入图片描述
点击不同的图标，然后图标有不同的颜色，然后跳转到不同的页面，我们只需要在app.json文件直接写tabbar，就会出现联想

 "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "天气",
      "iconPath": "./pages/image/weatherno.png",
      "selectedIconPath": "./pages/image/weather.png"
      
       
    },  {
      "pagePath": "pages/form/form",
      "text": "电影",
      "iconPath": "./pages/image/movieno.png",
      "selectedIconPath": "./pages/image/movie.png"
    }]

注意，tabbar最少两个，做多5个
这样我们就实现了我们的基本需求
总结：学会了tabbar的基本使用