微信小程序开发之选项卡(窗口底部TabBar)页面切换

前端之家收集整理的这篇文章主要介绍了微信小程序开发之选项卡(窗口底部TabBar)页面切换前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

微信小程序开发中窗口底部tab栏切换页面很简单很方便.

代码:

1.app.json

首页","pagePath": "pages/index/index","iconPath": "images/home.png","selectedIconPath": "images/home-actived.png" },{ "text": "目录","pagePath": "pages/catalogue/catalogue","iconPath": "images/note.png","selectedIconPath": "images/note-actived.png" },{ "text": "我的","pagePath": "pages/mine/mine","iconPath": "images/profile.png","selectedIconPath": "images/profile-actived.png" } ] } }

pagePath是页面路径.iconPath是图片路径,icon 大小限制为40kb.

selectedIconPath:选中时的图片路径,icon 大小限制为40kb

tab Bar的最多5个,最少2个.

在pages目录下写好页面即可切换.

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

原文链接:https://www.f2er.com/weapp/40038.html

猜你在找的微信小程序相关文章