+位置和细节,左侧导航栏接口，点击弹窗

liuyg

2021-12-22 eb71fd6eacc6cac2e704f57c472e181cbb20990c

 src/styles/mobile/popup.scss

@@ -16,15 +16,35 @@
        left: 1000px;
        position: absolute;
        height: auto;
        background-color: #fff;
        //   background-color: #fff;
        background-image: linear-gradient(
                // 135deg,
                #28bbf0a1 30px,
                #28bbf0a1 30px,
                // #28bbf0a1 50%,
                // transparent 50%
                #28bbf0a1 100%,
                transparent 100%
            ),
            linear-gradient(
                // -45deg,
                transparent 30px,
                #28bbf0a1 30px,
                // #28bbf0a1 50.1%,
                // transparent 50%
                #28bbf0a1 100%,
                transparent 100%
            );
        border-radius: 10px;
        position: relative;

        .mobiletitle {
            // width: calc(90% - 1px);
            color: #fff;
            width: 100%;
            height: 35px;
            background-color: #f7f7f7;
            background-image: linear-gradient(#29baf1, #28bbf0);
            // background-color: #f7f7f7;
            border-bottom: 1px solid #ebebeb;
            font-size: 14px;
            border-radius: 10px 10px 0 0;
@@ -38,14 +58,16 @@
            .mobile-popup-imgs-heard {
                .mobile-popup-imgs-h-close {
                    width: 35px;
                    height: 35px;
                    background-color: #f7f7f7;
                    height: 34px;
                    background-image: linear-gradient(#29baf1, #28bbf0);
                    // background-color: #f7f7f7;
                    position: absolute;
                    @extend .centersFlex;
                    border-radius: 100px;
                    right: 0;
                    top: 0;
                    .icon {
                        color: #fff;
                        font-size: 25px;
                    }
                }
@@ -56,7 +78,7 @@
                box-sizing: border-box;
                img {
                    width: 70px;
                    height: 50px;
                    height: 70px;
                }
                //内容显示
                .mobileBig-center-our {
@@ -68,12 +90,14 @@
                        border-bottom: 1px solid #f7f7f7;
                        @extend .centersFlex;
                        .m-c-title {
                            color: #fff;
                            width: 25%;
                        }
                        .m-c-center {
                            width: 75%;
                            // text-indent: 2em;
                            word-wrap: break-word;
                            color: #fff;
                            line-height: 25px;
                        }
                    }
@@ -88,17 +112,21 @@
                border-radius: 0 0 10px 10px;
                display: flex;
                align-items: center;
                background-image: linear-gradient(#29baf1, #28bbf0);
                justify-content: center;
                position: relative;
                &::before {
                    content: "";
                    width: 0px;
                    height: 0px;
                    border: 8px solid #ebebeb;
                    border: 8px solid #29baf1;
                    position: absolute;
                    bottom: -8px;
                    left: calc(50% - 8px);
                    transform: rotate(45deg);
                }
                .mobilePopupOurOnce_r_d_in {
                    color: #fff;
                }
            }
        }
@@ -131,7 +159,7 @@

        div:nth-child(1) {
            // border-bottom: 1px solid #ebebeb;
            margin-bottom: 37px !important;
            margin-bottom: 49px !important;
        }
        div:nth-child(2) {
            display: none !important;
@@ -144,7 +172,7 @@
            height: $controllerw;
            position: relative !important;
            left: -1px !important;
            background-color: #c9302c !important;
            background-color: rgb(33, 150, 243) !important;
            color: white !important;
            @extend .flexCenter;
            border-radius: 5px;
@@ -293,7 +321,10 @@
    .m_p_heard {
        width: 100%;
        height: 50px;
        background-color: #a40000;
        background-image: linear-gradient(#29baf1, #28bbf0);
        border-bottom: 1px solid rgba(82, 209, 255, 0.774);
        color: #fff;
        // background-color: #a40000;
        .m_p_h_break {
            position: absolute;
            left: 0;
@@ -323,6 +354,24 @@
        width: 100%;
        height: calc(100% - 50px);
        // border: 1px solid red
        // background-image: linear-gradient(
        //         // 135deg,
        //         #28bbf0a1 30px,
        //         #28bbf0a1 30px,
        //         // #28bbf0a1 50%,
        //         // transparent 50%
        //         #28bbf0a1 100%,
        //         transparent 100%
        //     ),
        //     linear-gradient(
        //         // -45deg,
        //         transparent 30px,
        //         #28bbf0a1 30px,
        //         // #28bbf0a1 50.1%,
        //         // transparent 50%
        //         #28bbf0a1 100%,
        //         transparent 100%
        //     );
        box-sizing: border-box;
        .m_p_c_tableIn {
            width: 100%;
@@ -331,5 +380,22 @@
            overflow-x: hidden;
            overflow-y: auto;
        }
        // .el-divider__text {
        // background-image: linear-gradient(#29baf1, #28bbf0) !important;
        // color: #fff !important;
        // border: 0px solid transparent !important;
        // }
        // .el-tabs__item {
        //     color: #fff;
        // }
        // .el-tabs__item.is-active {
        //     color: #fff;
        //     font-size: 20px;
        // }
        // .el-empty {
        //     .el-empty__description p {
        //         color: #fff;
        //     }
        // }
    }
}