1. 先在app.json 里面的tabBar加上一个底部菜单
{
"pagePath": "pages/jump/jump",
"icon": "/images/nav-icon-c.png",
"activeIcon": "/images/nav-icon-c.png",
"name": "充值"
}
2.在page创建jump文件夹 该文件夹包含jump.axml, jump.acss, jump.js, jump.json 文件
3.在 jump.js中写入以下代码
Page({
data: {
'message': 0
},
onShow() {
var that = this
setTimeout(function () { //延时获取 message 值 通过message 来判断跳转方式
if (that.data.message === 1) {
that.setData({ message: 0 });
my.hideLoading();
my.navigateToMiniProgram({
appId: 'xxxxx', //appid
path: 'pages/index/index', //要跳转的页面
success: (res) => {
//跳转成功
},
fail: (res) => {
//跳转失败
my.showToast({
content: JSON.stringify(res),
type: 'fail',
duration: 2000
});
my.switchTab({
url: '/pages/index/index', //从另一个小程序回来时显示的本小程序页面
})
}
})
} else {
my.switchTab({
url: '/pages/index/index', //从另一个小程序回来时显示的本小程序页面
})
}
}, 100);
},
onTabItemTap(item) { //点击底部菜单
my.showLoading({
content: '加载中...',
delay: 0,
});
this.setData({ message: 1 });
}
});
4.总结思路 通过点击菜单跳转到jump页面 再通过jump.js 里面的方法再去跳转小程序