简单的讲就是我们可以在小程序内放置一个组件来链接我们的HTML页面了。
但是点击跳转页面的时候。页面左上角没有!!返回按钮!!导致回不去了,这不是搞笑的吗。
看了下其他的小程序,发现如果是两个小程序页面跳转的话,第二个页面的左上角是会有返回按钮的。那我们可以想到,如果在第二个页面也放个webview组件,用来显示跳转之后的链接,不就完美解决了吗?
1. 用来跳转到小程序第二个页面的代码:
(1)pages/webview/webview.wxml
webview.wxml空白页面就可以
(2)pages/webview/webview.js webview.js代码如下:
Page({
//进入页面加载
onLoad:function(e){
wx.showLoading({
title:’加载中’
});
},
onShow:function(e){
wx.showLoading({
title:’加载中’
});
wx.navigateTo({
url:’/pages/index/index’,
})
},
})
2. 微信小程序index用来嵌套组件显示我们要跳转的H5网页
pages/index/index.wxml index.wxml代码如下:
3. app.json页面里面的代码如下:
{
“pages”:[
“pages/webview/webview”,
“pages/index/index”
],
“window”:{
“backgroundTextStyle”:”light”,
“navigationBarBackgroundColor”:”#fff”,
“navigationBarTitleText”:”小程序名称”,
“navigationBarTextStyle”:”black”
},
“style”:”v2″,
“sitemapLocation”:”sitemap.json”
}