+,请求数据，弹框显示，优化代码长度

liuyg

2021-12-21 81773ab04fd259e893c2d7f08dbdc9be772d01c4

 src/styles/mobile/popup.scss

@@ -3,11 +3,12 @@
    align-items: center;
    justify-content: center;
}
//随地图移动弹窗
#mobile-map_popup_content {
    //弹窗
    width: 100%;
    position: fixed;
    z-index: 999;
    z-index: 100;
    left: -1000px;
    box-sizing: border-box;
    #mobilePopup {
@@ -18,18 +19,10 @@
        background-color: #fff;
        border-radius: 10px;
        position: relative;
        &::before {
            content: "";
            width: 0px;
            height: 0px;
            border: 8px solid #ebebeb;
            position: absolute;
            bottom: -8px;
            left: calc(50% - 8px);
            transform: rotate(45deg);
        }

        .mobiletitle {
            width: calc(90% - 1px);
            // width: calc(90% - 1px);
            width: 100%;
            height: 35px;
            background-color: #f7f7f7;
            border-bottom: 1px solid #ebebeb;
@@ -43,6 +36,19 @@
            height: auto;
            // 内容样式
            .mobile-popup-imgs-heard {
                .mobile-popup-imgs-h-close {
                    width: 35px;
                    height: 35px;
                    background-color: #f7f7f7;
                    position: absolute;
                    @extend .centersFlex;
                    border-radius: 100px;
                    right: 0;
                    top: 0;
                    .icon {
                        font-size: 25px;
                    }
                }
                width: 100%;
                padding: 10px;
                text-align: justify;
@@ -66,7 +72,7 @@
                        }
                        .m-c-center {
                            width: 75%;
                            text-indent: 2em;
                            // text-indent: 2em;
                            word-wrap: break-word;
                            line-height: 25px;
                        }
@@ -83,11 +89,23 @@
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                &::before {
                    content: "";
                    width: 0px;
                    height: 0px;
                    border: 8px solid #ebebeb;
                    position: absolute;
                    bottom: -8px;
                    left: calc(50% - 8px);
                    transform: rotate(45deg);
                }
            }
        }
    }
}

//地图基础样式更改
$controllerw: 35px !important;
#mobile-viewer-container {
    // 继承类
@@ -262,3 +280,56 @@
        }
    }
}

//全屏弹窗
#mobilePopupOur {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 300;
    .m_p_heard {
        width: 100%;
        height: 50px;
        background-color: #a40000;
        .m_p_h_break {
            position: absolute;
            left: 0;
            top: 0;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            .icon {
                font-size: 22px;
                color: #fff;
            }
        }
        .m_p_h_center {
            width: 100%;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            .el-dropdown-link {
                color: #fff;
            }
        }
    }
    .m_p_center {
        width: 100%;
        height: calc(100% - 50px);
        // border: 1px solid red
        box-sizing: border-box;
        .m_p_c_tableIn {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            overflow-x: hidden;
            overflow-y: auto;
        }
    }
}