1

mayisheng

2022-08-15 81f54040c2cb65537c6c6e1db8358a39a57dea0d

 src/styles/layout/pc.scss

@@ -28,9 +28,11 @@
        .el-header,
        .el-main {
            padding: 0;
            overflow: hidden;
        }

        .el-header {
            position: relative;
            display: flex;
            background: #2196f3;
            align-items: center;
@@ -38,37 +40,47 @@
            img {
                margin-top: 4px;
                margin-left: 10px;
                margin-right: 10px;
                height: 38px;
            }

            .header-title {
                margin-right: 10px;
                position: relative;
                text-indent: 0.1em;
                font-size: 18px;
                color: #fff;
            }

            .out-home {
                position: absolute;
                top: 0;
                left: auto;
                right: 0;
                bottom: 0;
                margin: auto;
                width: 88px;
                line-height: 60px;
            }

            .el-menu {



                li {
                    font-size: 18px;
                    font-size: 16px !important;
                }

                li.el-menu-item {
                    border: 0px !important;

                }

                li.el-menu-item.is-active {
                    border: 0px !important;
                    background: #000 !important;
                    background: rgba(1, 64, 112, 0.494) !important;
                }

                li:hover {
                    border: 0px !important;
                    background: #000 !important;
                    background: #1A78C2 !important;
                }
            }
        }
@@ -82,6 +94,7 @@

.el-menu--horizontal {
    .el-menu-item {
        font-size: 12px !important;
        text-align: center;
        background: transparent !important;

@@ -99,22 +112,26 @@
    min-width: 132px !important;
}

.el-submenu__title i {
    color: #fff;
.el-submenu__title {

    font-size: 16px !important;

    i {
        color: #fff;
    }
}


.dialog-fade-enter-active .el-dialog.way {
    animation: anim-open 1s;
    animation: anim-open 1.5s;
}

.dialog-fade-leave-active .el-dialog.way {
    animation: anim-close 1s;
    animation: anim-close 1.5s;
}

@keyframes dialog-fade-in {
    0% {
        transform: scale(0.1) translate3d(100%, 0, 0);
        transform: scale(0.1) translate3d(0, 0, 0);
        opacity: 0;
    }

@@ -126,19 +143,19 @@

@keyframes dialog-fade-out {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        transform: translate3d(100%, 0, 0) scale(0.1);
        transform: scale(0.1) translate3d(0, 0, 0);
        opacity: 0;
    }
}

@keyframes anim-open {
    0% {
        transform: scale(0.1) translate3d(100%, 0, 0);
        transform: scale(0.1) translate3d(0, 0%, 0);
        opacity: 0;
    }

@@ -150,12 +167,12 @@

@keyframes anim-close {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        transform: translate3d(100%, 0, 0) scale(0.1);
        transform: scale(0.1) translate3d(0, 0%, 0);
        opacity: 0;
    }
}