layer后台管理系统前端框架模板

layer-admin/
  css/
    app.css
    layout.css
  js/
    app.js
    index.js
    message.js
    navbar.js
    nprogress.js
    tab.js
    pjax.js
  plugins/
    layui/
      css/
        ...
      font/
        ...
      images/
        ...
      lay/
        ...
      layui.all.js
      layui.js
    vue/
      vue.min.js
  index.html
  test.html

var menu = [{
    "id": -1,
    "children": [],
    "spread": true,
    "title": "主页",
    "url": "https://www.javanx.cn",
    "icon": ""
}, {
    id: "5",
    title: "一级菜单2",
    icon: "fa-stop-circle",
    url: "https://www.baidu.com",
    spread: false
}];

// 这里添加空的菜单进入，主要是为了能在页面里面打开tab菜单，请参考test页面实例
menu.push({
    id: "",
    title: "",
    icon: "",
    url: ""
});

navbar.set({
    data: menu
}).render(function(data) {
    refreshTab(data.id);
    tab.tabAdd(data);
});

//添加指定Tab项
addTab = function(options) {
    element.tabDelete('kitTab', options.id);
    $('li.layui-nav-item:last').find('a').data('options', JSON.stringify(options));
    $('li.layui-nav-item:last').find('a').trigger('click');
}

//删除指定Tab项
delTab = function(pid) {
    element.tabDelete('kitTab', pid);
}

//刷新指定Tab项
refreshTab = function(pid) {
    var item = $('.layui-tab-item[lay-item-id=' + pid + ']');
    if (!item.length) {
        return false;
    }
    var iframe = $(item).children("iframe");
    iframe.attr("src", iframe.attr("src"));
}

//切换到指定Tab项
changeTab = function(pid) {
    element.tabChange('kitTab', pid); //切换到：用户管理
}

var options = {
    url: '/tab.html',
    icon: '',
    title: 'iframe添加tab',
    id: '11'
}
window.parent.addTab(options)