Browse Source

修改miniTab源码

lwx_dev
erdanergou 3 years ago
parent
commit
571e48349e
  1. 2
      src/main/resources/static/js/lay-module/layuimini/miniTab.js
  2. 32
      target/classes/static/js/lay-module/layuimini/miniTab.js

2
src/main/resources/static/js/lay-module/layuimini/miniTab.js

@ -10,7 +10,7 @@ layui.define(["element", "layer", "jquery"], function (exports) {
$ = layui.$; $ = layui.$;
// 用于储存移动端底部导航映射 // 用于储存移动端底部导航映射
let mobileFooterHash = {'/userAuthorityMenus':"功能","/message":"消息","/userInfo":"我的"}; let mobileFooterHash = {"/welcome":"首页",'/userAuthorityMenus':"功能","/message":"消息","/userInfo":"我的"};
var miniTab = { var miniTab = {

32
target/classes/static/js/lay-module/layuimini/miniTab.js

@ -9,6 +9,9 @@ layui.define(["element", "layer", "jquery"], function (exports) {
layer = layui.layer, layer = layui.layer,
$ = layui.$; $ = layui.$;
// 用于储存移动端底部导航映射
let mobileFooterHash = {'/userAuthorityMenus':"功能","/message":"消息","/userInfo":"我的"};
var miniTab = { var miniTab = {
@ -259,7 +262,7 @@ layui.define(["element", "layer", "jquery"], function (exports) {
* 判断是否为手机 * 判断是否为手机
* @returns {boolean} * @returns {boolean}
*/ */
checkMobile:function () { checkMobile: function () {
var ua = navigator.userAgent.toLocaleLowerCase(); var ua = navigator.userAgent.toLocaleLowerCase();
var pf = navigator.platform.toLocaleLowerCase(); var pf = navigator.platform.toLocaleLowerCase();
var isAndroid = (/android/i).test(ua) || ((/iPhone|iPod|iPad/i).test(ua) && (/linux/i).test(pf)) var isAndroid = (/android/i).test(ua) || ((/iPhone|iPod|iPad/i).test(ua) && (/linux/i).test(pf))
@ -323,16 +326,15 @@ layui.define(["element", "layer", "jquery"], function (exports) {
* 在iframe子菜单上打开新窗口 * 在iframe子菜单上打开新窗口
*/ */
$('body').on('click', '[layuimini-content-href]', function () { $('body').on('click', '[layuimini-content-href]', function () {
var loading = parent.layer.load(0, {shade: false, time: 2 * 1000}); var loading = parent.layer.load(0, {shade: false, time: 2 * 1000});
var tabId = $(this).attr('layuimini-content-href'), var tabId = $(this).attr('layuimini-content-href'),
href = $(this).attr('layuimini-content-href'), href = $(this).attr('layuimini-content-href'),
title = $(this).attr('data-title'), title = $(this).attr('data-title'),
target = $(this).attr('target'); target = $(this).attr('target');
let footer = $(this).attr("footer"); let footer = $(this).attr("footer");
if(footer === "1" || footer === 1){ if (footer === "1" || footer === 1) {
miniTab.renderHome({"href":href,"title":title}) miniTab.renderHome({"href": href, "title": title})
} } else {
if (target === '_blank') { if (target === '_blank') {
parent.layer.close(loading); parent.layer.close(loading);
window.open(href, "_blank"); window.open(href, "_blank");
@ -349,6 +351,8 @@ layui.define(["element", "layer", "jquery"], function (exports) {
maxTabNum: options.maxTabNum, maxTabNum: options.maxTabNum,
}); });
} }
}
parent.layui.element.tabChange('layuiminiTab', tabId); parent.layui.element.tabChange('layuiminiTab', tabId);
parent.layer.close(loading); parent.layer.close(loading);
}); });
@ -492,9 +496,11 @@ layui.define(["element", "layer", "jquery"], function (exports) {
if (!options.urlHashLocation) return false; if (!options.urlHashLocation) return false;
var tabId = location.hash.replace(/^#\//, ''); var tabId = location.hash.replace(/^#\//, '');
if (tabId === null || tabId === undefined || tabId === '') return false; if (tabId === null || tabId === undefined || tabId === '') return false;
// 判断是否为首页或者底部导航栏页面
// 判断是否为首页 if (tabId === options.homeInfo.href || Object.keys(mobileFooterHash).indexOf(tabId) !== -1) {
if (tabId === options.homeInfo.href) return false; miniTab.renderHome({"href":tabId,"title":mobileFooterHash[tabId]});
return false;
}
// 判断是否为右侧菜单 // 判断是否为右侧菜单
var menu = miniTab.searchMenu(tabId, options.menuList); var menu = miniTab.searchMenu(tabId, options.menuList);
@ -595,9 +601,9 @@ layui.define(["element", "layer", "jquery"], function (exports) {
listenSwitchMultiModule: function (tabId) { listenSwitchMultiModule: function (tabId) {
$("[layuimini-href]").each(function () { $("[layuimini-href]").each(function () {
if ($(this).attr("layuimini-href") === tabId) { if ($(this).attr("layuimini-href") === tabId) {
var addMenuClass ; var addMenuClass;
// 如果是移动端 // 如果是移动端
if(miniTab.checkMobile()){ if (miniTab.checkMobile()) {
addMenuClass = function ($element, type) { addMenuClass = function ($element, type) {
if (type === 1) { if (type === 1) {
$element.addClass('layui-this'); $element.addClass('layui-this');
@ -606,7 +612,7 @@ layui.define(["element", "layer", "jquery"], function (exports) {
$(".layuimini-header-menu li").attr('class', 'layui-nav-item'); $(".layuimini-header-menu li").attr('class', 'layui-nav-item');
$("#" + moduleId + "HeaderId").addClass("layui-this"); $("#" + moduleId + "HeaderId").addClass("layui-this");
let text = $("#" + moduleId + "HeaderId").text(); let text = $("#" + moduleId + "HeaderId").text();
if(text === '仓库管理'){ if (text === '仓库管理') {
$("#" + moduleId).attr('class', 'layui-nav layui-nav-tree layui-this'); $("#" + moduleId).attr('class', 'layui-nav layui-nav-tree layui-this');
$(".layuimini-menu-left .layui-nav.layui-nav-tree").attr('class', 'layui-nav layui-nav-tree layui-hide'); $(".layuimini-menu-left .layui-nav.layui-nav-tree").attr('class', 'layui-nav layui-nav-tree layui-hide');
} }
@ -622,7 +628,7 @@ layui.define(["element", "layer", "jquery"], function (exports) {
$(".layuimini-header-menu li").attr('class', 'layui-nav-item'); $(".layuimini-header-menu li").attr('class', 'layui-nav-item');
$("#" + moduleId + "HeaderId").addClass("layui-this"); $("#" + moduleId + "HeaderId").addClass("layui-this");
let text = $("#" + moduleId + "HeaderId").text(); let text = $("#" + moduleId + "HeaderId").text();
if(text === '仓库管理'){ if (text === '仓库管理') {
$("#" + moduleId).attr('class', 'layui-nav layui-nav-tree layui-this'); $("#" + moduleId).attr('class', 'layui-nav layui-nav-tree layui-this');
$(".layuimini-menu-left .layui-nav.layui-nav-tree").attr('class', 'layui-nav layui-nav-tree layui-hide'); $(".layuimini-menu-left .layui-nav.layui-nav-tree").attr('class', 'layui-nav layui-nav-tree layui-hide');
} }
@ -631,7 +637,7 @@ layui.define(["element", "layer", "jquery"], function (exports) {
} }
} }
}; };
}else{ } else {
addMenuClass = function ($element, type) { addMenuClass = function ($element, type) {
if (type === 1) { if (type === 1) {
$element.addClass('layui-this'); $element.addClass('layui-this');

Loading…
Cancel
Save