element-ui 中Dialog自定义封装弹窗拖拽+水平方向伸缩

             三步就可以实现~~~好了上代码

1.在工具包utils中定义 initDialogHeight 方法

/**
 * @方法名称: initDialogHeight
 * @功能描述: 判断当电脑的缩放大小不一致时弹框的高度
 */
export function initDialogHeight() {
    let h = initLayoutInfo().height;
    let devicePixelRatio = window.devicePixelRatio; 
    let jResolutionHeight = window.screen.height;
    if (devicePixelRatio == 1) {
        if (jResolutionHeight == 600) {
            //当电脑屏幕分辨率的高度为600,缩放比例为100%时
            h = h - 120;
        } else if (jResolutionHeight == 768) {
            //当电脑屏幕分辨率的高度为768,缩放比例为100%时
            h = h - 140;
        } else if (jResolutionHeight == 720) {
            //当电脑屏幕分辨率的高度为720,缩放比例为100%时
            h = h - 140;
        } else if (jResolutionHeight == 800) {
            //当电脑屏幕分辨率的高度为800,缩放比例为100%时
            h = h - 170;
        } else if (jResolutionHeight == 864) {
            //当电脑屏幕分辨率的高度为864,缩放比例为100%时
            h = h - 160;
        } else if (jResolutionHeight == 960) {
            //当电脑屏幕分辨率的高度为960,缩放比例为100%时
            h = h - 170;
        } else if (jResolutionHeight == 900) {
            //当电脑屏幕分辨率的高度为900,缩放比例为100%时
            h = h - 195;
        } else if (jResolutionHeight == 1024) {
            //当电脑屏幕分辨率的高度为1024,缩放比例为100%时
            h = h - 180;
        } else if (jResolutionHeight == 1050) {
            //当电脑屏幕分辨率的高度为1050,缩放比例为100%时
            h = h - 190;
        } else if (jResolutionHeight == 1080) {
            //当电脑屏幕分辨率的高度为1080,缩放比例为100%时
            h = h - 200;
        } else {
            h = h - 200;
        }

    } else if (devicePixelRatio == 1.25) {
        if (jResolutionHeight == 615) {
            //当电脑屏幕分辨率的高度为768,缩放比例为125%时   615为可视高度
            h = h - 120;
        } else if (jResolutionHeight == 640) {
            //当电脑屏幕分辨率的高度为800,缩放比例为125%时   640为可视高度
            h = h - 130;
        } else if (jResolutionHeight == 692) {
            //当电脑屏幕分辨率的高度为864,缩放比例为125%时   692为可视高度
            h = h

你可能感兴趣的:(css3,css,html)