微信小程序学习第二章--小试牛刀（导航栏的实现tabBar）

最新推荐文章于 2024-08-28 20:56:26 发布

萌新贤的日常

最新推荐文章于 2024-08-28 20:56:26 发布

阅读量303

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_43987277/article/details/112233129

版权

本文档介绍了如何在微信小程序中实现导航栏TabBar，包括参考配置文档的位置，实际操作步骤如修改app.json文件，以及展示了模拟器运行效果，通过点击不同导航项实现页面切换。

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

文章目录

一、参考文档位置
二、牛刀小试
三、文档参考

一、参考文档位置

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
这里tabBar的相关属性都可以看到，算了我截图好了。
在这里插入图片描述

二、牛刀小试

app.json
这里的pages里面是指代页面跳转的，加入即可，这里的position删掉就是默认值，在下面才会是有图标，上面没有

{
  "pages":[
    "pages/cinema/cinema",
    "pages/me/me",
    "pages/find/find",
    "pages/movie/movie"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  },
  "style": "v2",
  "s

最低0.47元/天解锁文章

萌新贤的日常

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
微信小程序学习第二章--小试牛刀（导航栏的实现tabBar）

一、参考文档位置https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html这里tabBar的相关属性都可以看到，算了我截图好了。二、牛刀小试app.json这里的pages里面是指代页面跳转的，加入即可，这里的position删掉就是默认值，在下面才会是有图标，上面没有{ "pages":[ "pages/cinema/cinema", "pages/me/me",
复制链接

扫一扫

专栏目录