微信小程序实现多页面
作者:互联网
一.配置tabbar实现多页面
主要是这一段代码,这一段代码可以不用记住,可以去官方文档查询,毕竟格式都一样
"tabBar": {
"color": "#Fc0",
"selectedColor": "#f4c903",
"borderStyle": "white",//设置背景颜色
"list": [{
"selectedIconPath": "image/1.jpg",
"iconPath": "image/1.jpg",//页面图片跳转设置
"pagePath": "pages/me/me",//页面设置
"text": "本人"
},
{
"selectedIconPath": "image/2.jpg",
"iconPath": "image/2.jpg",
"pagePath": "pages/li/li",
"text": "学习计划"
},
{
"selectedIconPath": "image/3.jpg",
"iconPath": "image/3.jpg",
"pagePath": "pages/xing/xing",
"text": "星星"
}
结果:
页面跳转
< navigator url="/pages/xxx/xxx">xxxx</navigator>
注意页面为:/pages/xxx/xxxx
几种跳转方式:
用:open-type
redirect结果:
navigate方式:
跳转微信小程序:
主要代码
getstzubanban(){
wx.navigateToMiniProgram({
appId: 'xxxxx',//其他微信小程序的appId号
})
},
结果:
二.把微信小程序分享给好友
可以在相应的页面上加上下面的代码
onShareAppMessage:function(){}
分享朋友圈
onShareTimeline(){}
结果截图:
标签:程序实现,微信,image,jpg,跳转,pages,页面 来源: https://blog.csdn.net/lin_yu_guang/article/details/121461326