function setMaxMin(){
if (isFullScreen == false) {
let i = maxMin.querySelector('.el-icon-full-screen');
i.classList.remove('el-icon-full-screen');
i.classList.add('fa-expand');
maxMin.title = '还原';
// bodyHeight = dragDom.querySelector('.el-dialog__body').offsetHeight+'px';
//
NowHight = dragDom.clientHeight;
NowWidth = dragDom.clientWidth;
NowMarginTop = dragDom.style.marginTop;
dragDom.style.left = 0;
dragDom.style.top = 0;
dragDom.style.height = "auto";
dragDom.style.width = "100%";
dragDom.style.marginTop = 0;
isFullScreen = true;
dialogHeaderEl.style.cursor = 'initial';
dialogHeaderEl.onmousedown = null;
if(!hasSetBodyHight) {
dragDom.querySelector('.el-dialog__body').style.height = 'calc(100% - '+dialogHeaderEl.offsetHeight+'px)';
hasSetBodyHight = true;
}
} else {
let i = maxMin.querySelector('.fa-expand');
i.classList.remove('fa-expand');
i.classList.add('el-icon-full-screen');
maxMin.innerHTML = '<i class="fa el-icon-full-screen"></i>';
maxMin.title = '最大化';
dragDom.style.height = "auto";
dragDom.style.width =
NowWidth + 'px';
dragDom.style.marginTop =
NowMarginTop;
isFullScreen = false;
dialogHeaderEl.style.cursor = 'move';
dialogHeaderEl.onmousedown = moveDown;
dragDom.querySelector('.el-dialog__body').style.height = 'auto';
hasSetBodyHight = false;
}
}
//点击放大缩小
效果
maxMin.onclick = setMaxMin;
//双击头部
效果
dialogHeaderEl.ondblclick = setMaxMin;
//拉伸
let resizeEl=document.createElement("div");
dragDom.appendChild(resizeEl);
//在弹窗右下角
加上一个10-10px的控制块
resizeEl.style.cursor = 'se-resize';
resizeEl.style.position = 'absolute';
resizeEl.style.height = '10px';
resizeEl.style.width = '10px';
resizeEl.style.right = '0px';
resizeEl.style.b
ottom = '0px';
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
