Default Changelist

Admin

2022-08-18 ef735f883e0b141bf37c80250476ea018d0d8e1b

Default Changelist

 src/views/intellectInspect/inspectIndex/index.vue

@@ -164,6 +164,79 @@

<style scoped lang="scss">
$homeNavLengh: 8;
@media screen and (min-width: 1366px) {
    .left-info {
        width: 65%;
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 18px;
        color: #333;
        overflow-x: auto;
    }
    .mid-info {
        width: 25%;
        font-size: 18px;
        color: #333;
    }
    .right-info {
        width: 10%;
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 16px;
        color: #fff;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .left-info {
        width: 65%;
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 15px;
        color: #333;
        overflow-x: auto;
    }
    .mid-info {
        width: 25%;
        font-size: 15px;
        color: #333;
    }
    .right-info {
        width: 10%;
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 13px;
        color: #fff;
    }
}
@media screen and (max-width: 1200px) {
    .left-info {
        width: 65%;
        display: flex;
        align-items: center;
        justify-content: left;
        font-size: 12px;
        color: #333;
        overflow-x: auto;
    }
    .mid-info {
        width: 25%;
        font-size: 12px;
        color: #333;
    }
    .right-info {
        width: 10%;
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 12px;
        color: #fff;
    }
}

.home-container {
    height: calc(100vh - 144px);
    box-sizing: border-box;
@@ -188,17 +261,10 @@
                justify-content: space-between;
                margin-bottom: 10px;
                background: #daf3ff;
                padding: 20px;
                padding: 10px 15px;
                border-radius: 8px;

                .left-info{
                    width: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: left;
                    font-size: 14px;
                    color: #333;
                    overflow-x: auto;

                    .num{
                        font-weight: bolder;
@@ -219,9 +285,6 @@
                    }
                }
                .mid-info{
                    width: 35%;
                    font-size: 14px;
                    color: #333;

                    span{
                        font-weight: bolder;
@@ -241,12 +304,7 @@
                    }
                }
                .right-info{
                    width: 15%;
                    display: flex;
                    justify-content: right;
                    align-items: center;
                    font-size: 14px;
                    color: #fff;


                    .checkBtn{
                        padding: 10px 15px;