pfz_smile
/
depositroy
2
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity
Browse Source

修改miniTab源码

lwx_dev
erdanergou 3 years ago
parent
c82fc858ef
commit
c541b0b8d4
6 changed files with 42 additions and 37 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/main/resources/static/css/layuimini.css
  2. 62
      src/main/resources/static/js/lay-module/layuimini/miniTab.js
  3. 5
      src/main/resources/templates/index_mobile.html
  4. 3
      target/classes/static/css/layuimini.css
  5. 2
      target/classes/static/js/lay-module/layuimini/miniAdmin.js
  6. 5
      target/classes/templates/index_mobile.html

2
src/main/resources/static/css/layuimini.css
View File

@ -942,7 +942,7 @@
} }
.layuimini-footer-content-center { .layuimini-footer-content-center {
width: 30%; width: 25%;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
} }

62
src/main/resources/static/js/lay-module/layuimini/miniTab.js
View File

@ -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,32 +326,33 @@ 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");
return false; return false;
} }
if (tabId === null || tabId === undefined) tabId = new Date().getTime(); if (tabId === null || tabId === undefined) tabId = new Date().getTime();
var checkTab = miniTab.check(tabId, true); var checkTab = miniTab.check(tabId, true);
if (!checkTab) { if (!checkTab) {
miniTab.create({ miniTab.create({
tabId: tabId, tabId: tabId,
href: href, href: href,
title: title, title: title,
isIframe: true, isIframe: true,
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');

5
src/main/resources/templates/index_mobile.html
View File

@ -65,8 +65,8 @@
<div class="layuimini-footer-content-center"> <div class="layuimini-footer-content-center">
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a id="scan"> <a id="scan">
<i class="fa-qrcode fa-fw fa-lg fa" style=" position: relative; top: -5px; left: 20px;"></i> <i class="fa-qrcode fa-fw fa-lg fa" style=" position: relative; top: -5px; left: 25px;"></i>
<cite style=" display: inline-block; position: relative; top: 10px;left: -22px;font-size:13px;line-height: 13px">库存查看</cite> <cite style=" display: inline-block; position: relative; top: 10px;left: -17px;font-size:13px;line-height: 13px">库存查看</cite>
</a> </a>
</div> </div>
</div> </div>
@ -143,7 +143,6 @@
layer = layui.layer, layer = layui.layer,
miniAdmin = layui.miniAdmin; miniAdmin = layui.miniAdmin;
var uid = $("#uid").text(); var uid = $("#uid").text();
var options = { var options = {
clearUrl: "/static/api/clear.json", // 缓存清理接口 clearUrl: "/static/api/clear.json", // 缓存清理接口

3
target/classes/static/css/layuimini.css
View File

@ -942,7 +942,7 @@
} }
.layuimini-footer-content-center { .layuimini-footer-content-center {
width: 30%; width: 25%;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
} }
@ -962,6 +962,7 @@
} }
/*修复UC之类的浏览器点击无效*/ /*修复UC之类的浏览器点击无效*/
.layuimini-make { .layuimini-make {
cursor: pointer; cursor: pointer;

2
target/classes/static/js/lay-module/layuimini/miniAdmin.js
View File

@ -96,7 +96,7 @@ layui.define(["jquery", "miniMenu", "element", "miniTab", "miniTheme"], function
$('#layuiminiHomeTabId').html('<span class="layuimini-tab-active"></span><span class="disable-close">' + data.title + '</span><i class="layui-icon layui-unselect layui-tab-close">ဆ</i>'); $('#layuiminiHomeTabId').html('<span class="layuimini-tab-active"></span><span class="disable-close">' + data.title + '</span><i class="layui-icon layui-unselect layui-tab-close">ဆ</i>');
$('#layuiminiHomeTabId').attr('lay-id', data.href); $('#layuiminiHomeTabId').attr('lay-id', data.href);
$('#layuiminiHomeTabIframe').html('<iframe width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" src="' + data.href + '"></iframe>'); $('#layuiminiHomeTabIframe').html('<iframe width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" src="' + data.href + '"></iframe>');
}, },
/** /**
* 初始化缓存地址 * 初始化缓存地址

5
target/classes/templates/index_mobile.html
View File

@ -65,8 +65,8 @@
<div class="layuimini-footer-content-center"> <div class="layuimini-footer-content-center">
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a id="scan"> <a id="scan">
<i class="fa-qrcode fa-fw fa-lg fa" style=" position: relative; top: -5px; left: 20px;"></i> <i class="fa-qrcode fa-fw fa-lg fa" style=" position: relative; top: -5px; left: 25px;"></i>
<cite style=" display: inline-block; position: relative; top: 10px;left: -22px;font-size:13px;line-height: 13px">库存查看</cite> <cite style=" display: inline-block; position: relative; top: 10px;left: -17px;font-size:13px;line-height: 13px">库存查看</cite>
</a> </a>
</div> </div>
</div> </div>
@ -143,7 +143,6 @@
layer = layui.layer, layer = layui.layer,
miniAdmin = layui.miniAdmin; miniAdmin = layui.miniAdmin;
var uid = $("#uid").text(); var uid = $("#uid").text();
var options = { var options = {
clearUrl: "/static/api/clear.json", // 缓存清理接口 clearUrl: "/static/api/clear.json", // 缓存清理接口

Write Preview
Loading…
Cancel
Save