Merge branch 'master' of http://192.168.0.105:10010/r/school-web

shuishen

2021-12-17 7804a3a4d61ff1d857973e974bbdf78a2e17feab

 src/styles/mobile/popup.scss

@@ -1,7 +1,8 @@
#mobile-map_popup_content {
    //弹窗
    width: 100%;
    position: fixed;
    z-index: 99;
    z-index: 999;
    left: -1000px;
    box-sizing: border-box;
    #mobilePopup {
@@ -61,25 +62,98 @@
    }
}

// 比例尺
#mobile-viewer-container .dc-distance-legend {
    right: 5px !important;
    left: auto !important;
}
// 缩放控制
#mobile-viewer-container .dc-zoom-controller {
    left: 20px !important;
    top: 20px !important;
    .zoom-in .refresh .zoom-out {
        width: 32px !important;
        height: 32px !important;
        background-color: #c9302c !important;
$controllerw: 35px !important;
#mobile-viewer-container {
    // 继承类
    .flexCenter {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: white !important;
        font-size: 22px !important;
        margin-bottom: 12px !important;
        border-radius: 5px !important;
    }
    // 比例尺
    .dc-distance-legend {
        right: 5px !important;
        left: auto !important;
    }
    // 缩放控制
    .dc-zoom-controller {
        width: 32px !important;
        height: auto !important;
        left: 20px !important;
        top: 50px !important;
        // z-index: 200;
        background-color: transparent !important;
        border: 1px solid transparent !important;

        div:nth-child(1) {
            // border-bottom: 1px solid #ebebeb;
            margin-bottom: 37px !important;
        }
        div:nth-child(2) {
            display: none !important;
        }
        div:nth-child(3) {
            // border-top: 1px solid #ebebeb;
        }
        div {
            width: $controllerw;
            height: $controllerw;
            position: relative !important;
            left: -1px !important;
            background-color: #c9302c !important;
            color: white !important;
            @extend .flexCenter;
            border-radius: 5px;
            svg {
                width: 20px !important;
                height: 20px !important;
            }
        }
    }
    //弹窗标签栏的标签
    .m_p_center {
        .el-tabs {
            width: 100% !important;
            height: 100% !important;
            box-sizing: border-box;
            .el-tabs__nav-scroll {
                width: 100% !important;
                @extend .flexCenter;
            }
            .el-tabs__content {
                width: 100% !important;
                height: calc(100% - 55px) !important;
                box-sizing: border-box;
                .el-tab-pane {
                    width: 100% !important;
                    height: 100% !important;
                }
            }
        }
    }

    //地图底部按钮下拉菜单
    .m-left-mobileCortrolButtom {
        .el-dropdown {
            width: 100% !important;
            height: 100% !important;
            @extend .flexCenter;
            .el-icon-s-flag.icon {
                position: relative;
                top: 10px;
                left: 10px;
            }
        }
    }

    //滚动条
    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        width: 2px !important;
        /*滚动条的圆角*/
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.9);
        background-color: #f1f1f1;
        /*滚动条的背景颜色*/
    }
}