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

shuishen

2021-12-21 0e461a232cce6e52fbfd071788bdd7294d51e397

 src/styles/mobile/popup.scss

@@ -1,3 +1,8 @@
.centersFlex {
    display: flex;
    align-items: center;
    justify-content: center;
}
#mobile-map_popup_content {
    //弹窗
    width: 100%;
@@ -25,12 +30,13 @@
        }
        .mobiletitle {
            width: calc(90% - 1px);
            height: 15px;
            height: 35px;
            background-color: #f7f7f7;
            border-bottom: 1px solid #ebebeb;
            font-size: 14px;
            border-radius: 10px 10px 0 0;
            padding: 8px 14px;
            box-sizing: border-box;
        }
        .mobilelabel-content {
            width: 100%;
@@ -45,6 +51,26 @@
                img {
                    width: 70px;
                    height: 50px;
                }
                //内容显示
                .mobileBig-center-our {
                    width: 100%;
                    height: auto;
                    .mobileBig-center {
                        width: 100%;
                        min-height: 30px;
                        border-bottom: 1px solid #f7f7f7;
                        @extend .centersFlex;
                        .m-c-title {
                            width: 25%;
                        }
                        .m-c-center {
                            width: 75%;
                            text-indent: 2em;
                            word-wrap: break-word;
                            line-height: 25px;
                        }
                    }
                }
            }
            .mobile-popup-control {
@@ -157,3 +183,82 @@
        /*滚动条的背景颜色*/
    }
}
//地图固定弹窗
#mobile-map_content_content-fixed {
    position: fixed;
    width: 90%;
    height: auto;
    z-index: 999;
    bottom: 2%;
    left: 5%;
    background-color: #fff;
    border-radius: 10px;
    //关闭按钮
    .mobiletitle-close-fixed {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 10px;
        top: 2px;
        .icon {
            font-size: 20px;
        }
    }
    //标题样式
    .mobiletitle-fixed {
        width: 100%;
        height: 35px;
        border-radius: 10px 10px 0 0;
        background-color: #f7f7f7;
        padding-left: 10px;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }
    // 内容样式
    .mobile-popup-imgs-heard-fixed {
        width: 100%;
        height: auto;
        padding: 10px;
        text-align: justify;
        letter-spacing: 1px;
        box-sizing: border-box;
        img {
            width: 70px;
            height: 50px;
        }
        //内容显示
        .mobileBig-center-fiexd {
            width: 100%;
            height: 30px;
            @extend .centersFlex;
            .m-c-f-title {
                width: 20%;
                @extend .centersFlex;
            }
            .m-c-f-center {
                @extend .centersFlex;
                justify-content: space-between;
                width: 80%;
            }
        }
    }
    .mobile-popup-control-fixed {
        width: 100%;
        height: 35px;
        border-radius: 0 0 10px 10px;
        background-color: #f7f7f7;
        display: flex;
        align-items: center;
        justify-content: space-around;
        .m-p-c-f-once {
            .mobilePopupOurOnce_r_d_in-gan {
                position: relative;
                left: 40%;
            }
        }
    }
}