在官方示例 顶部选项卡-可左右拖动(webview) 中使用webviewGroup.js,
var group = new webviewGroup(plus.webview.currentWebview().id, {
items: [{
id: "tab-top-subpage-1.html",
url: "tab-top-subpage-1.html",
extras: {}
}, {
id: "tab-top-subpage-2.html",
url: "tab-top-subpage-2.html",
extras: {}
}, {
id: "tab-top-subpage-3.html",
url: "tab-top-subpage-3.html",
extras: {}
}, {
id: "tab-top-subpage-4.html",
url: "tab-top-subpage-4.html",
extras: {}
}, {
id: "tab-top-subpage-5.html",
url: "tab-top-subpage-5.html",
extras: {}
}],
onChange: function(obj) {
var c = document.querySelector(".mui-control-item.mui-active");
if(c) {
c.classList.remove("mui-active");
}
document.querySelector(".mui-scroll .mui-control-item:nth-child(" + (parseInt(obj.index) + 1) + ")").classList.add("mui-active");
}
});
如果我的tab-top-subpage-1.html 到 tab-top-subpage-5.html这几个页面都是一样的,就是里面展示的数据不同,也要这样建5个子页面的,有没有别的方法解决?
我现在是有9个界面相同的子页面,只是里面显示的数据不同而已,数据是后台动态获取的,只能用这种方法建9个相同的子页面吗?
5个萝卜 (作者)
谢谢
2017-09-05 15:08
5个萝卜 (作者)
条目比较多时候,选项卡的头部好像不好跟着内容滑动,这个有办法解决吗?
2017-09-05 15:21