tab frame多窗口切换
匿名 · 更新于 2015/4/7
<div id="tabview" class="uf sc-bg ubt sc-border-tab"></div>
// JavaScript Document
var tabview = appcan.tab({
selector: "#tabview",
hasIcon: true,
hasAnim: true,
hasLabel: true,
hasBadge: true,
data: [{
label: "QQ",
"icon": "fa-qq"
},
{
label: "微软",
"icon": "fa-windows"
},
{
label: "微信",
"icon": "fa-weixin",
badge: 1
}]
});
tabview.on("click",
function(obj, index) {
appcan.window.selectMultiPopover("content", index);
$("#header h1").html(index);
});
appcan.ready(function() {
var top = $('#header').offset().height;
appcan.frame.open({
"id": "content",
url: [{
"inPageName": "百度",
"inUrl": "1.html",
},
{
"inPageName": "新浪",
"inUrl": "2.html",
},
{
"inPageName": "网易",
"inUrl": "3.html",
}],
"top": top, //顶部边距为header的高度
"left": 0, //左边距为0
"index": 0, //默认选中第一个浮动窗口子页
"change":function(){
alert('a')
}
})
})
appcan.button(".nav-btn", "btn-act", function() {
this.id == "nav-left" && appcan.window.close(-1);
})
