root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

加入判断条件

v1.0
bobi 2019-04-14 21:46:22 +08:00
parent 8da049e594
commit f3c1a0d0e1
3 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
font-layui.html
View File

@ -20,8 +20,7 @@
</div> </div>
<br> <br>
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
图标选择：<a href="http://www.layui.com/doc/element/icon.html#table" target="_blank" 图标选择：<a href="http://www.layui.com/doc/element/icon.html#table" target="_blank" class="layui-btn layui-btn-danger layui-btn-xs">点我跳转</a>
class="layui-btn layui-btn-danger layui-btn-xs">点我跳转</a>
</blockquote> </blockquote>
<blockquote class="layui-elem-quote"> <blockquote class="layui-elem-quote">
使用方法 使用方法

2
index.html
View File

@ -33,7 +33,7 @@
<dd><a href="javascript:;" path="user-center.html" tab-id="0-1">个人中心<span class="layui-badge-dot"></span></a></dd> <dd><a href="javascript:;" path="user-center.html" tab-id="0-1">个人中心<span class="layui-badge-dot"></span></a></dd>
<dd><a href="javascript:;" path="user-info.html" tab-id="0-2">基本资料</a></dd> <dd><a href="javascript:;" path="user-info.html" tab-id="0-2">基本资料</a></dd>
<dd><a href="javascript:;" path="user-security.html" tab-id="0-3">安全设置</a></dd> <dd><a href="javascript:;" path="user-security.html" tab-id="0-3">安全设置</a></dd>
<dd><a href="javascript:void(0)" id="lock">锁定账户</a></dd> <dd><a href="javascript:;" id="lock">锁定账户</a></dd>
</dl> </dl>
</li> </li>
<li class="layui-nav-item"><a href="javascript:void(0)" id="logout">退出</a></li> <li class="layui-nav-item"><a href="javascript:void(0)" id="logout">退出</a></li>

37
js/okadmin.js
View File

@ -2,7 +2,8 @@ NProgress.start();
window.onload = function () { window.onload = function () {
NProgress.done(); NProgress.done();
} }
layui.use(['element', 'layer'], function () {
layui.use(["element", "layer"], function () {
var element = layui.element; var element = layui.element;
var $ = layui.jquery; var $ = layui.jquery;
var layer = layui.layer; var layer = layui.layer;
@ -31,24 +32,26 @@ layui.use(['element', 'layer'], function () {
var title = $(this).text(); var title = $(this).text();
// 图标+文字 // 图标+文字
// var title = $(this).find("a").html(); // var title = $(this).find("a").html();
var path = $(this).children('a').attr('path'); var path = $(this).children("a").attr("path");
var tabId = $(this).children('a').attr('tab-id'); var tabId = $(this).children("a").attr("tab-id");
// 去重复选项卡 if (path != undefined && path != "" && tabId != undefined && tabId != "") {
for (var i = 0; i < $('.ok-frame').length; i++) { // 去重复选项卡
if ($('.ok-frame').eq(i).attr('tab-id') == tabId) { for (var i = 0; i < $(".ok-frame").length; i++) {
element.tabChange("ok-tab", tabId); if ($(".ok-frame").eq(i).attr("tab-id") == tabId) {
event.stopPropagation(); element.tabChange("ok-tab", tabId);
return; event.stopPropagation();
return;
}
} }
// 添加选项卡
element.tabAdd("ok-tab", {
title: title,
content: "<iframe src='" + path + "' tab-id='" + tabId + "' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
id: tabId
});
// 切换选项卡
element.tabChange("ok-tab", tabId);
} }
// 添加选项卡
element.tabAdd("ok-tab", {
title: title,
content: "<iframe src='" + path + "' tab-id='" + tabId + "' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
id: tabId
});
// 切换选项卡
element.tabChange("ok-tab", tabId);
}); });
/** /**