基于elementUI的全局移动端样式、公共样式_mobile.scss

body[mobile] {
    width: 100vw;
    height: 100vh;

    * {
        font-size: 18px !important; // 全局字体大小
        /*去掉按下移动端按钮高亮显示颜色*/
        tap-highlight-color: transparent !important;
        -webkit-tap-highlight-color: transparent !important;
        font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'sans-serif', 'San Francisco', 'Microsoft Sans Serif', 'Arial';
        /*顶部加 @charset "UTF-8";*/
    }

    /*去掉边框线轮廓*/
    :focus {
        outline: none !important;
    }


    /*滚动条样式 BEGIN----------------------------------------*/
    ::-webkit-scrollbar {
        width: 0 !important;
    }

    /*滚动条样式 END----------------------------------------*/
}


.el-form {
    .el-form-item__label {
        line-height: normal;
    }
}

// 下拉框最大宽度
.el-select-dropdown {
    max-width: calc(100vw - 40px);
}

// 级联菜单满足同时横向显示三列
.el-cascader__dropdown {
    &:has(.el-cascader-menu:nth-of-type(3)) {
        .el-cascader-menu {
            min-width: revert;
            max-width: calc(100vw * 0.33);
        }
    }
}