hfysite/until/domTool.js

export function comDomHeight(el){
    let parent = el.offsetParent;
    let parentWidth = parent.offsetWidth;
    return parentWidth;
}

/**
 * 指定dom进入全屏
 * @param element
 */
export function launchIntoFullscreen(element) {
    if(element.requestFullscreen){
        element.requestFullscreen();
    }
    else if(element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    }
    else if(element.webkitRequestFullscreen) {
        element.webkitRequestFullscreen();
    }
    else if(element.msRequestFullscreen) {
        element.msRequestFullscreen();
    }
}

/**
 * 退出全屏
 */
export function exitFullscreen() {
    if(document.exitFullscreen) {
        document.exitFullscreen();
    } else if(document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if(document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    }
}

/**
 * 检测是否处于全屏状态
 * @returns {*|boolean}
 */
export function isFullscreenEnabled(){
    // console.log(document.fullscreenEnabled);
    if(document.fullscreenEnabled){
        return document.fullscreenElement
    }else if(document.mozFullScreenEnabled){
        return document.mozFullscreenElement
    }else if(document.webkitFullscreenEnabled){
        return document.webkitFullscreenElement
    }else if(document.msFullscreenEnabled){
        return document.msFullscreenElement
    }else{
        return document.mozFullScreenEnabled ||
            document.webkitFullscreenEnabled ||
            document.msFullscreenEnabled || false;
    }
}

function comDomStyle(el,lineNum,gap){
    if(!el){
        return -1;
    }
    let el_width = el.clientWidth;
    console.log(el_width);
    // 获取余数部分
    let remainder = el_width % lineNum;
    // 将子元素居中至于父元素中
    let itemAllWidth = (el_width - remainder) / lineNum;
    // 计算元素实际宽度
    let itemWidth = itemAllWidth - (gap * 2);
    let boxPadding = remainder / 2;
    let boxStyle = `padding:0 ${boxPadding}px;`;
    let itemStyle = `width:${itemWidth}px;height:${itemWidth}px;margin:${gap}px;`
    return {
        boxStyle,
        itemStyle,
    }
}

/**
 * 获取url参数
 * @param name
 * @returns {string}
 */
export function getQueryString(name) {
    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    // console.log(window.location.search);
    let r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURI(r[2]);
    return '';
}

export default {
  comDomHeight,
  launchIntoFullscreen,
  exitFullscreen,
  isFullscreenEnabled,
  comDomStyle,
  getQueryString
}