blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

修改后台样式

Browse Source
This commit is contained in:
邹景立 2021-09-11 15:53:37 +08:00
parent 8adc33f38d
commit 3aebabf6ad
6 changed files with 85 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
public/static/admin.js
View File

@ -62,6 +62,7 @@ require.config({
baseUrl: baseRoot, baseUrl: baseRoot,
map: {'*': {css: baseRoot + 'plugs/require/css.js'}}, map: {'*': {css: baseRoot + 'plugs/require/css.js'}},
paths: { paths: {
'vue': ['plugs/iview/vue.min'],
'md5': ['plugs/jquery/md5.min'], 'md5': ['plugs/jquery/md5.min'],
'json': ['plugs/jquery/json.min'], 'json': ['plugs/jquery/json.min'],
'xlsx': ['plugs/jquery/xlsx.min'], 'xlsx': ['plugs/jquery/xlsx.min'],
@ -136,8 +137,9 @@ $(function () {
} }
/*! 消息组件实例 */ /*! 消息组件实例 */
$.msg = new function (that) { $.msg = new function () {
that = this, this.idx = [], this.shade = [0.02, '#000']; var that = this;
this.idx = [], this.shade = [0.02, '#000'];
/*! 关闭消息框 */ /*! 关闭消息框 */
this.close = function (index) { this.close = function (index) {
if (index !== null) return layer.close(index); if (index !== null) return layer.close(index);
@ -170,21 +172,19 @@ $(function () {
return that.idx.push(idx), idx; return that.idx.push(idx), idx;
}; };
/*! 页面加载层 */ /*! 页面加载层 */
this.page = { this.page = new function () {
$body: $('body>.think-page-loader'), this.$body = $('body>.think-page-loader');
$main: $('.think-page-body+.think-page-loader'), this.$main = $('.think-page-body+.think-page-loader');
stat: function () { this.stat = function () {
return that.page.$body.is(':visible'); return this.$body.is(':visible');
}, }, this.show = function () {
show: function () { this.stat() || this.$main.removeClass('layui-hide').show();
this.stat() || that.page.$main.removeClass('layui-hide').show(); }, this.hide = function () {
}, if (this.time) clearTimeout(this.time);
hide: function () { this.time = setTimeout(function () {
if (that.page.time) clearTimeout(that.page.time);
that.page.time = setTimeout(function () {
(that.page.time = 0) || that.page.$main.fadeOut(); (that.page.time = 0) || that.page.$main.fadeOut();
}, 200); }, 200);
}, };
}; };
/*! 确认对话框 */ /*! 确认对话框 */
this.confirm = function (msg, ok, no) { this.confirm = function (msg, ok, no) {
@ -210,8 +210,8 @@ $(function () {
}; };
/*! 表单自动化组件 */ /*! 表单自动化组件 */
$.form = new function (that) { $.form = new function () {
that = this; var that = this;
/*! 内容区选择器 */ /*! 内容区选择器 */
this.selecter = '.layui-layout-admin>.layui-body>.think-page-body'; this.selecter = '.layui-layout-admin>.layui-body>.think-page-body';
/*! 刷新当前页面 */ /*! 刷新当前页面 */
@ -270,15 +270,15 @@ $(function () {
data: data || {}, type: method || 'GET', url: $.menu.parseUri(url), beforeSend: function (xhr, i) { data: data || {}, type: method || 'GET', url: $.menu.parseUri(url), beforeSend: function (xhr, i) {
if (typeof Pace === 'object' && loading !== false) Pace.restart(); if (typeof Pace === 'object' && loading !== false) Pace.restart();
if (typeof headers === 'object') for (i in headers) xhr.setRequestHeader(i, headers[i]); if (typeof headers === 'object') for (i in headers) xhr.setRequestHeader(i, headers[i]);
}, error: function (XMLHttpRequest, $dialog, dialogIdx, iframe) { }, error: function (XMLHttpRequest, $dialog, layIdx, iframe) {
if (parseInt(XMLHttpRequest.status) !== 200 && XMLHttpRequest.responseText.indexOf('Call Stack') > -1) try { if (parseInt(XMLHttpRequest.status) !== 200 && XMLHttpRequest.responseText.indexOf('Call Stack') > -1) try {
dialogIdx = layer.open({title: XMLHttpRequest.status + ' - ' + XMLHttpRequest.statusText, type: 2, move: false, content: 'javascript:;'}); layIdx = layer.open({title: XMLHttpRequest.status + ' - ' + XMLHttpRequest.statusText, type: 2, move: false, content: 'javascript:;'});
layer.full(dialogIdx), $dialog = $('#layui-layer' + dialogIdx), iframe = $dialog.find('iframe').get(0); layer.full(layIdx), $dialog = $('#layui-layer' + layIdx), iframe = $dialog.find('iframe').get(0);
(iframe.contentDocument || iframe.contentWindow.document).write(XMLHttpRequest.responseText); (iframe.contentDocument || iframe.contentWindow.document).write(XMLHttpRequest.responseText);
$dialog.find('.layui-layer-setwin').css({right: '35px', top: '28px'}).find('a').css({marginLeft: 0}); $dialog.find('.layui-layer-setwin').css({right: '35px', top: '28px'}).find('a').css({marginLeft: 0});
$dialog.find('.layui-layer-title').css({color: 'red', height: '70px', lineHeight: '70px', fontSize: '22px', textAlign: 'center', fontWeight: 700}); $dialog.find('.layui-layer-title').css({color: 'red', height: '70px', lineHeight: '70px', fontSize: '22px', textAlign: 'center', fontWeight: 700});
} catch (e) { } catch (e) {
layer.close(dialogIdx); layer.close(layIdx);
} }
layer.closeAll('loading'); layer.closeAll('loading');
if (parseInt(XMLHttpRequest.status) !== 200) { if (parseInt(XMLHttpRequest.status) !== 200) {
@ -301,13 +301,13 @@ $(function () {
if (url !== '#') location.hash = $.menu.parseUri(url, ele); if (url !== '#') location.hash = $.menu.parseUri(url, ele);
else if (ele && ele.dataset.menuNode) $('[data-menu-node^="' + ele.dataset.menuNode + '-"]:first').trigger('click'); else if (ele && ele.dataset.menuNode) $('[data-menu-node^="' + ele.dataset.menuNode + '-"]:first').trigger('click');
}; };
/*! 加载 HTML 到目标位置 */ /*! 加载 HTML 到 BODY 位置 */
this.open = function (url, data, call, load, tips) { this.open = function (url, data, call, load, tips) {
this.load(url, data, 'get', function (ret) { this.load(url, data, 'get', function (ret) {
return (typeof ret === 'object' ? $.msg.auto(ret) : that.show(ret)), false; return (typeof ret === 'object' ? $.msg.auto(ret) : that.show(ret)), false;
}, load, tips); }, load, tips);
}; };
/*! 打开一个iframe窗口 */ /*! 打开 IFRAME 窗口 */
this.iframe = function (url, name, area, offset) { this.iframe = function (url, name, area, offset) {
return layer.open({title: name || '窗口', type: 2, area: area || ['800px', '580px'], offset: offset, fixed: true, maxmin: false, content: url}); return layer.open({title: name || '窗口', type: 2, area: area || ['800px', '580px'], offset: offset, fixed: true, maxmin: false, content: url});
}; };
@ -316,14 +316,14 @@ $(function () {
this.load(url, data, 'GET', function (res) { this.load(url, data, 'GET', function (res) {
if (typeof (res) === 'object') return $.msg.auto(res), false; if (typeof (res) === 'object') return $.msg.auto(res), false;
$.msg.idx.push(layer.open({ $.msg.idx.push(layer.open({
type: 1, btn: false, area: area || "800px", content: res, title: name || '', offset: offset || 'auto', success: function ($dom, idx) { type: 1, btn: false, area: area || "800px", resize: false, content: res, title: name || '', offset: offset || 'auto', success: function ($dom, idx) {
$dom.off('click', '[data-close]').on('click', '[data-close]', function () { $.form.reInit($dom.off('click', '[data-close]').on('click', '[data-close]', function () {
(function (confirm, callable) { (function (confirm, callable) {
confirm ? $.msg.confirm(confirm, callable) : callable(); confirm ? $.msg.confirm(confirm, callable) : callable();
})(this.dataset.confirm, function () { })(this.dataset.confirm, function () {
layer.close(idx); layer.close(idx);
}); });
}), $.form.reInit($dom); }));
} }
})); }));
return (typeof call === 'function') && call.call(that); return (typeof call === 'function') && call.call(that);
@ -332,8 +332,8 @@ $(function () {
}; };
/*! 后台菜单辅助插件 */ /*! 后台菜单辅助插件 */
$.menu = new function (that) { $.menu = new function () {
that = this; var that = this;
/*! 计算 URL 地址中有效的 URI */ /*! 计算 URL 地址中有效的 URI */
this.getUri = function (uri) { this.getUri = function (uri) {
uri = uri || location.href; uri = uri || location.href;
@ -376,8 +376,7 @@ $(function () {
(function (callable) { (function (callable) {
$(window).on('resize', callable).trigger('resize'); $(window).on('resize', callable).trigger('resize');
})(function () { })(function () {
var typeMini = layui.data('admin-menu-type')['type-mini'] || false; (layui.data('admin-menu-type')['type-mini'] || $body.width() < 1000) ? $menu.addClass(miniClass) : $menu.removeClass(miniClass);
(typeMini || $body.width() < 1000) ? $menu.addClass(miniClass) : $menu.removeClass(miniClass);
}); });
/*! Mini 菜单模式时TIPS文字显示 */ /*! Mini 菜单模式时TIPS文字显示 */
$('[data-target-tips]').mouseenter(function () { $('[data-target-tips]').mouseenter(function () {
@ -395,11 +394,8 @@ $(function () {
this.syncOpenStatus = function (mode) { this.syncOpenStatus = function (mode) {
$('[data-submenu-layout]').map(function () { $('[data-submenu-layout]').map(function () {
var node = this.dataset.submenuLayout; var node = this.dataset.submenuLayout;
if (mode === 1) { if (mode === 1) layui.data('admin-menu-stat', {key: node, value: $(this).hasClass('layui-nav-itemed') ? 2 : 1});
layui.data('admin-menu-stat', {key: node, value: $(this).hasClass('layui-nav-itemed') ? 2 : 1}); else if ((layui.data('admin-menu-stat')[node] || 2) === 2) $(this).addClass('layui-nav-itemed');
} else if ((layui.data('admin-menu-stat')[node] || 2) === 2) {
$(this).addClass('layui-nav-itemed');
}
}); });
}; };
window.onhashchange = function () { window.onhashchange = function () {
@ -505,7 +501,7 @@ $(function () {
/*! 错误标签插入 */ /*! 错误标签插入 */
this.insertError = function (ele) { this.insertError = function (ele) {
if ($(ele).data('input-info')) return $(ele).data('input-info'); if ($(ele).data('input-info')) return $(ele).data('input-info');
var $html = $('<span class="absolute block layui-anim text-center font-s12 notselect" style="color:#a44;z-index:2"></span>'); var $html = $('<span class="absolute block layui-anim text-center font-s12 notselect" style="color:#A44;z-index:2"></span>');
var $next = $(ele).nextAll('.input-right-icon'), right = ($next ? $next.width() + parseFloat($next.css('right') || '0') : 0) + 10; var $next = $(ele).nextAll('.input-right-icon'), right = ($next ? $next.width() + parseFloat($next.css('right') || '0') : 0) + 10;
var style = {top: $(ele).position().top + 'px', right: right + 'px', lineHeight: ele.nodeName === 'TEXTAREA' ? '32px' : $(ele).css('height')}; var style = {top: $(ele).position().top + 'px', right: right + 'px', lineHeight: ele.nodeName === 'TEXTAREA' ? '32px' : $(ele).css('height')};
return $(ele).data('input-info', $html.css(style).insertAfter(ele)), $html; return $(ele).data('input-info', $html.css(style).insertAfter(ele)), $html;
@ -758,9 +754,9 @@ $(function () {
}; };
/*! 以手机模式显示内容 */ /*! 以手机模式显示内容 */
$.previewPhonePage = function (href, title, template) { $.previewPhonePage = function (href, title) {
template = '<div><div class="mobile-preview pull-left"><div class="mobile-header">_TITLE_</div><div class="mobile-body"><iframe id="phone-preview" src="_URL_" frameborder="0" marginheight="0" marginwidth="0"></iframe></div></div></div>'; var template = '<div class="mobile-preview"><div class="mobile-header">{{d.title}}</div><div class="mobile-body"><iframe src="{{d.url}}"></iframe></div></div>';
layer.style(layer.open({type: true, scrollbar: false, area: ['320px', '600px'], title: false, closeBtn: true, shadeClose: false, skin: 'layui-layer-nobg', content: $(template.replace('_TITLE_', title || '公众号').replace('_URL_', href)).html()}), {boxShadow: 'none'}); layer.style(layer.open({type: true, resize: false, scrollbar: false, area: ['320px', '600px'], title: false, closeBtn: true, shadeClose: false, skin: 'layui-layer-nobg', content: layui.laytpl(template).render({title: title || '公众号', url: href})}), {boxShadow: 'none'});
}; };
/*! 显示任务进度消息 */ /*! 显示任务进度消息 */
@ -1010,7 +1006,7 @@ $(function () {
img.src = this.dataset.tipsImage || this.dataset.lazySrc || this.src, img.onload = function () { img.src = this.dataset.tipsImage || this.dataset.lazySrc || this.src, img.onload = function () {
layidx = layer.tips(img.outerHTML, that, {time: 0, skin: 'layui-layer-image', anim: 5, isOutAnim: false, scrollbar: false}); layidx = layer.tips(img.outerHTML, that, {time: 0, skin: 'layui-layer-image', anim: 5, isOutAnim: false, scrollbar: false});
}, $(this).off('mouseleave').on('mouseleave', function () { }, $(this).off('mouseleave').on('mouseleave', function () {
setTimeout("layui.layer.close('" + layidx + "')", 100); layui.layer.close(layidx);
}); });
}); });

6
public/static/plugs/vue/vue.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
public/static/theme/css/console.css
View File

File diff suppressed because one or more lines are too long

2
public/static/theme/css/console.css.map
View File

File diff suppressed because one or more lines are too long

11
public/static/theme/css/console.custom.less
View File

@ -23,6 +23,7 @@
border-radius: @BoxBorderRadius; border-radius: @BoxBorderRadius;
letter-spacing: 1px; letter-spacing: 1px;
background-color: #f2f2f2; background-color: #f2f2f2;
border: 1px solid @InputBorderNormalColor;
} }
.notselect { .notselect {
@ -71,14 +72,14 @@
box-shadow: @ShadowMaxOuter; box-shadow: @ShadowMaxOuter;
} }
.shadow-mini {
box-shadow: @ShadowMaxOuter;
}
.shadow-none { .shadow-none {
box-shadow: none !important; box-shadow: none !important;
} }
.shadow-mini {
box-shadow: @ShadowMaxOuter;
}
.shadow-inset { .shadow-inset {
box-shadow: @ShadowMaxInset; box-shadow: @ShadowMaxInset;
} }
@ -366,7 +367,7 @@ label.think-radio,
label.think-checkbox { label.think-checkbox {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
margin: 8px 10px 8px 6px !important; margin: 8px 10px 8px 6px;
} }
.think-radio, .think-radio,

79
public/static/theme/css/console.display.less
View File

@ -528,14 +528,14 @@ fieldset {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
border: 1px solid #ccc;
position: absolute; position: absolute;
background: #f5f5f5; background: #F5F5F5;
border-radius: 0 0 @BoxBorderRadius @BoxBorderRadius; border-radius: 0 0 @BoxBorderRadius @BoxBorderRadius;
iframe { iframe {
width: 100%; width: 100%;
height: 100% height: 100%;
border: none;
} }
} }
@ -544,10 +544,8 @@ fieldset {
right: 0; right: 0;
bottom: 0; bottom: 0;
position: absolute; position: absolute;
border: 1px solid #ccc; padding-left: 44px;
padding-left: 43px;
background: url(../img/wechat/mobile_foot.png) no-repeat 0 0; background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
list-style-type: none;
border-radius: 0 0 @BoxBorderRadius @BoxBorderRadius; border-radius: 0 0 @BoxBorderRadius @BoxBorderRadius;
li { li {
@ -560,32 +558,35 @@ fieldset {
a { a {
width: auto; width: auto;
color: #616161; color: #616161;
border: 1px solid hsla(0, 0%, 100%, 0);
display: block; display: block;
overflow: hidden; overflow: hidden;
word-wrap: normal; word-wrap: normal;
margin-top: -1px;
border-left: 1px solid #e7e7eb;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-bottom: -1px;
text-decoration: none; text-decoration: none;
&:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid rgb(208, 208, 208);
margin: 0 0 0 -1px;
z-index: 10;
content: '';
display: block;
position: absolute;
}
&.active:after {
border: 1px solid #44b549;
box-shadow: 0 0 1px #44b549;
z-index: 11;
}
&:hover { &:hover {
background: rgba(0, 0, 0, .02) background: rgba(0, 0, 0, .02)
} }
&.active {
border: 1px solid #44b549 !important;
box-shadow: 0 0 1px #44b549
}
span:before {
width: 1px;
height: 1px;
content: '';
display: inline-block
}
} }
> .close { > .close {
@ -596,16 +597,17 @@ fieldset {
display: none; display: none;
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
z-index: 13;
text-align: center; text-align: center;
line-height: 18px line-height: 18px;
} }
&:hover > .close { &:hover > .close {
display: inline-block; display: inline-block;
background: none !important;
&:hover { &:hover {
color: #fff !important; color: #C33 !important;
background: #999 !important
} }
} }
} }
@ -623,7 +625,6 @@ fieldset {
&-add { &-add {
width: 14px; width: 14px;
height: 14px; height: 14px;
border-bottom: none !important;
background: url(../img/wechat/index.png) 0 0 no-repeat background: url(../img/wechat/index.png) 0 0 no-repeat
} }
@ -638,31 +639,20 @@ fieldset {
.sub-menu { .sub-menu {
width: 100%; width: 100%;
bottom: 60px; bottom: 60px;
margin: -1px;
display: block; display: block;
position: absolute; position: absolute;
border: 1px solid #d0d0d0;
background-color: #fafafa; background-color: #fafafa;
ul li { ul li {
float: none;
width: 100%; width: 100%;
padding: 0; padding: 0;
z-index: 11;
display: block;
a { > .close {
padding: 0 5px; top: 0;
border: 1px solid hsla(0, 0%, 100%, 0);
&.bottom-border {
margin: -1px -1px 0;
border-bottom: 1px solid #e7e7eb
}
} }
&:last-child a.bottom-border { a:after {
border-bottom-color: #fff margin: -1px 0 0 0;
} }
} }
} }
@ -673,7 +663,8 @@ fieldset {
margin-left: -6px; margin-left: -6px;
} }
.arrow_in, .arrow_out { .arrow_in,
.arrow_out {
width: 0; width: 0;
height: 0; height: 0;
z-index: 10; z-index: 10;
@ -685,13 +676,13 @@ fieldset {
.arrow_in { .arrow_in {
bottom: -5px; bottom: -5px;
z-index: 3; z-index: 11;
border-top-color: #fafafa border-top-color: #fafafa
} }
.arrow_out { .arrow_out {
bottom: -6px; bottom: -6px;
z-index: 2; z-index: 10;
border-top-color: #d0d0d0 border-top-color: #d0d0d0
} }
} }