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

shuishen

2021-12-24 a3761173a91a1fd7270b848f9f8d255c0bfa9b6c

 src/styles/mobile/popup.scss

@@ -19,20 +19,24 @@
        position: absolute;
        height: auto;
        // background-color: #fff;
        background-image: linear-gradient( // 135deg,
        background-image: linear-gradient(
                // 135deg,
                // rgba(40,187,240, 0.5) 50%,
                // transparent 50%
                rgba(40, 187, 240, 0.5) 35px,
                rgba(40, 187, 240, 0.5) 35px,
                rgba(40, 187, 240, 0.5) calc(100% - 34px),
                transparent calc(100% - 34px)),
            linear-gradient( // -45deg,
                transparent calc(100% - 34px)
            ),
            linear-gradient(
                // -45deg,
                // rgba(40,187,240, 0.5) 50.1%,
                // transparent 50%
                transparent 35px,
                rgba(40, 187, 240, 0.5) 35px,
                rgba(40, 187, 240, 0.5) calc(100% - 0px),
                transparent calc(100% - 0px));
                transparent calc(100% - 0px)
            );
        // background-image: linear-gradient(135deg, transparent 30px, rgba(40,187,240, 0.5) 30px, rgba(40,187,240, 0.5) 50%, transparent 50%),
        //     linear-gradient(-45deg, transparent 30px, rgba(40,187,240, 0.5) 30px, rgba(40,187,240, 0.5) 50.1%, transparent 50%);
        border-radius: 10px;
@@ -44,7 +48,7 @@
            width: 100%;
            height: 35px;
            // background-image: linear-gradient(135deg, transparent 25px, #29baf1 25px);
            background-image: linear-gradient(rgba(41,186,241, 0.5), rgba(41,186,241, 0.5));
            background-image: linear-gradient(rgba(41, 186, 241, 0.5), rgba(41, 186, 241, 0.5));

            // background-image: linear-gradient(#29baf1, #28bbf0);
            // background-color: #f7f7f7;
@@ -90,7 +94,10 @@
                text-align: justify;
                letter-spacing: 1px;
                box-sizing: border-box;

                video {
                    width: 100%;
                    height: 100%;
                }
                img {
                    margin-left: calc(50% - 35px);
                    width: 70px;
@@ -144,7 +151,7 @@
                border-radius: 0 0 10px 10px;
                display: flex;
                align-items: center;
                background-image: linear-gradient(rgba(41,186,241, 0.5), rgba(41,186,241, 0.5));
                background-image: linear-gradient(rgba(41, 186, 241, 0.5), rgba(41, 186, 241, 0.5));
                // background-image: linear-gradient(#29baf1, #28bbf0);
                justify-content: center;
                position: relative;
@@ -155,9 +162,9 @@
                    height: 0px;
                    // background-image: linear-gradient(rgba(41,186,241, 0.5), rgba(41,186,241, 0.5));
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid rgba(25,179,240, 0.5);
                    border-bottom: 8px solid rgba(25, 179, 240, 0.5);
                    border-left: 8px solid transparent;
                    border-right: 8px solid rgba(25,179,240, 0.5);
                    border-right: 8px solid rgba(25, 179, 240, 0.5);
                    position: absolute;
                    bottom: -8px;
                    left: calc(50% - 8px);
@@ -176,7 +183,6 @@
$controllerw: 35px !important;

#mobile-viewer-container {

    // 继承类
    .flexCenter {
        display: flex !important;
@@ -478,4 +484,4 @@
        width: $size;
        height: $size;
    }
}
}