Default Changelist

Admin

2022-08-17 ffc637544bda4872938ea66ed1c2ef67f3fb14c8

Default Changelist

 src/views/doublePrevent/dpIndex/index.vue

@@ -379,6 +379,18 @@
    $homeNavLengh: 8;

    @media screen and (min-width: 1366px) {
        .main-cont {
            width: 100%;
            height: 100%;
            display: grid;
            margin-bottom: 40px;
            box-sizing: border-box;
            grid-gap: 20px;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(2, 1fr);
            grid-auto-flow: row;
            justify-content: center;
        }
        .item-head{
            height: 25px;
            line-height: 25px;
@@ -402,6 +414,18 @@
    }

    @media screen and (min-width: 1024px) and (max-width: 1366px){
        .main-cont {
            width: 100%;
            height: 100%;
            display: grid;
            margin-bottom: 40px;
            box-sizing: border-box;
            grid-gap: 15px;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(2, 1fr);
            grid-auto-flow: row;
            justify-content: center;
        }
        .item-head{
            height: 20px;
            line-height: 20px;
@@ -424,6 +448,18 @@
    }

    @media screen and (max-width: 1024px) {
        .main-cont {
            width: 100%;
            height: 100%;
            display: grid;
            margin-bottom: 40px;
            box-sizing: border-box;
            grid-gap: 10px;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(2, 1fr);
            grid-auto-flow: row;
            justify-content: center;
        }
        .item-head{
            height: 20px;
            line-height: 20px;
@@ -450,16 +486,7 @@
        overflow: hidden;

        .main-cont {
            width: 100%;
            height: 100%;
            display: grid;
            margin-bottom: 40px;
            box-sizing: border-box;
            grid-gap: 20px;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(2, 1fr);
            grid-auto-flow: row;
            justify-content: center;

            .table-item{
                border-radius: 8px;
                background: #fff;