+

liuyg

2021-12-15 b7c39e4ccd65249dc385d76d08ed59834f83ad97

 src/styles/mobile/popup.scss

@@ -61,25 +61,87 @@
    }
}

// 比例尺
#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: 20px !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: 8px;
            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;
            }
        }
    }
}