优化丑陋的copyright 显示问题

This commit is contained in:
java110 2020-04-24 22:53:53 +08:00
parent b3e6269cc4
commit 3be4fad9e1
2 changed files with 130 additions and 9 deletions

View File

@ -11,6 +11,17 @@
mounted: function () {
this._initSysInfo();
this.getMenus();
let _menuDiv = document.getElementById('menu-nav');
vcFramework.eleResize.on(_menuDiv, function () {
//console.log('resize', '大小修改了');
vcFramework._fix_height(_menuDiv);
});
window.onscroll = function () {
//为了保证兼容性,这里取两个值,哪个有值取哪一个
//scrollTop就是触发滚轮事件时滚轮的高度
let _menuDivb = document.getElementById('menu-nav');
vcFramework._fix_height(_menuDivb);
}
},
methods: {
_initSysInfo: function () {
@ -21,9 +32,9 @@
}
this.logo = sysInfo.logo;
},
_gotoIndex:function(){
_gotoIndex: function () {
vc.jumpToPage("/")
},
},
getMenus: function () {
var _tmpMenus = vc.getMenus();
@ -97,7 +108,7 @@
miniMenu: function () {
//菜单默认为打开方式
if(!vc.notNull(vc.getMenuState())){
if (!vc.notNull(vc.getMenuState())) {
vc.setMenuState('ON');
}
@ -108,7 +119,7 @@
$("body").toggleClass("mini-navbar");
vc.setMenuState('OFF');
},
_gotoPage:function(_href){
_gotoPage: function (_href) {
vc.jumpToPage(_href);
}

View File

@ -1788,22 +1788,132 @@ vc 校验 工具类 -method
}
})(window.vcFramework);
/**
* 监听div 大小
*/
(function (vcFramework) {
vcFramework.eleResize = {
_handleResize: function (e) {
var ele = e.target || e.srcElement;
var trigger = ele.__resizeTrigger__;
if (trigger) {
var handlers = trigger.__z_resizeListeners;
if (handlers) {
var size = handlers.length;
for (var i = 0; i < size; i++) {
var h = handlers[i];
var handler = h.handler;
var context = h.context;
handler.apply(context, [e]);
}
}
}
},
_removeHandler: function (ele, handler, context) {
var handlers = ele.__z_resizeListeners;
if (handlers) {
var size = handlers.length;
for (var i = 0; i < size; i++) {
var h = handlers[i];
if (h.handler === handler && h.context === context) {
handlers.splice(i, 1);
return;
}
}
}
},
_createResizeTrigger: function (ele) {
var obj = document.createElement('object');
obj.setAttribute('style',
'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;opacity: 0; pointer-events: none; z-index: -1;');
obj.onload = vcFramework.eleResize._handleObjectLoad;
obj.type = 'text/html';
ele.appendChild(obj);
obj.data = 'about:blank';
return obj;
},
_handleObjectLoad: function (evt) {
this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__;
this.contentDocument.defaultView.addEventListener('resize', vcFramework.eleResize._handleResize);
}
};
if (document.attachEvent) {//ie9-10
vcFramework.eleResize.on = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners;
if (!handlers) {
handlers = [];
ele.__z_resizeListeners = handlers;
ele.__resizeTrigger__ = ele;
ele.attachEvent('onresize', EleResize._handleResize);
}
handlers.push({
handler: handler,
context: context
});
};
vcFramework.eleResize.off = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners;
if (handlers) {
EleResize._removeHandler(ele, handler, context);
if (handlers.length === 0) {
ele.detachEvent('onresize', EleResize._handleResize);
delete ele.__z_resizeListeners;
}
}
}
} else {
vcFramework.eleResize.on = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners;
if (!handlers) {
handlers = [];
ele.__z_resizeListeners = handlers;
if (getComputedStyle(ele, null).position === 'static') {
ele.style.position = 'relative';
}
var obj = vcFramework.eleResize._createResizeTrigger(ele);
ele.__resizeTrigger__ = obj;
obj.__resizeElement__ = ele;
}
handlers.push({
handler: handler,
context: context
});
};
vcFramework.eleResize.off = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners;
if (handlers) {
vcFramework.eleResize._removeHandler(ele, handler, context);
if (handlers.length === 0) {
var trigger = ele.__resizeTrigger__;
if (trigger) {
trigger.contentDocument.defaultView.removeEventListener('resize', EleResize._handleResize);
ele.removeChild(trigger);
delete ele.__resizeTrigger__;
}
delete ele.__z_resizeListeners;
}
}
}
}
})(window.vcFramework);
//全屏处理 这个后面可以关掉
(function (vcFramework) {
vcFramework._fix_height = () => {
vcFramework._fix_height = (_targetDiv) => {
//只要窗口高度发生变化,就会进入这里面,在这里就可以写,回到聊天最底部的逻辑
let _vcPageHeight = document.getElementsByClassName('vc-page-height')[0];
//浏览器可见高度
let _minHeight = document.documentElement.clientHeight;
let _scollHeight = document.body.scrollHeight;
let _minHeight = _targetDiv.clientHeight;
let _scollHeight = _targetDiv.scrollHeight;
if (_scollHeight < _minHeight) {
_scollHeight = _minHeight
}
_vcPageHeight.style.minHeight = _scollHeight + 'px';
console.log('是否设置高度', _vcPageHeight.style.minHeight);
//console.log('是否设置高度', _vcPageHeight.style.minHeight);
}
vcFramework._fix_height();
})(window.vcFramework);