表格背景颜色

guanqb

2022-09-22 28ef0203502521c31f41ccbfcb6e4990442486d9

表格背景颜色

 src/views/police/index.vue

@@ -25,9 +25,8 @@
                <div class="list-box">
                    <el-table
                        :data="arr.slice((currentPage-1)*pagesize,currentPage*pagesize)"
                        stripe
                        style="width: 100%"
                        :header-cell-style="{'text-align':'center'}"
                        :header-cell-style="{'text-align':'center','background-color':'#03254c'}"
                        :cell-style="{'text-align':'center', 'cursor':'pointer'}"
                        @cell-click="rowClick"
                    >
@@ -57,9 +56,8 @@
                <div class="list-box">
                    <el-table
                        :data="arr2.slice((currentPage-1)*pagesize,currentPage*pagesize)"
                        stripe
                        style="width: 100%"
                        :header-cell-style="{'text-align':'center'}"
                        :header-cell-style="{'text-align':'center','background-color':'#03254c'}"
                        :cell-style="{'text-align':'center', 'cursor':'pointer'}"
                        @cell-click="rowClick"
                    >
@@ -372,6 +370,7 @@
    }

    .search-box {
        margin-top: 5px;
        height: 41px;
        padding: 0px 0 0 10px;
        display: flex;
@@ -399,7 +398,24 @@
        padding: 0 10px;
        // background-color: #fff;
        .list-box {
            position: relative;
            height: 705px;
            :deep(.el-table tr:nth-child(2n)) {
                background: #191f66;
                color: #fff;
            }
            :deep(.el-table tr:nth-child(2n-1)) {
                background: #26426a;
                color: #fff;
            }
            :deep(.el-table tr:hover td) {
                color: #000;
                cursor: pointer;
            }
            .pages {
                position: absolute;
                bottom: 100px;
            }
        }
    }
}

 src/views/video/index.vue

@@ -20,9 +20,8 @@
                <div class="list-box">
                    <el-table
                        :data="arr.slice((currentPage-1)*pagesize,currentPage*pagesize)"
                        stripe
                        style="width: 100%"
                        :header-cell-style="{'text-align':'center'}"
                        :header-cell-style="{'text-align':'center','background-color':'#03254c'}"
                        :cell-style="{'text-align':'center', 'cursor':'pointer'}"
                        @cell-click="rowClick"
                    >
@@ -168,25 +167,44 @@
    height: 100%;
    background: rgba(41, 53, 53, 0.8);
    .search-box {
        height: 60px;
        padding: 10px 0 0 20px;
        height: 41px;
        padding: 0 0 0 10px;
        display: flex;
        input {
            width: 280px;
            width: 300px;
            height: 40px;
            font-size: 16px;
            text-indent: 0.5em;
        }
        input:focus {
            outline: none;
        }
        button {
            font-size: 16px;
            width: 80px;
            height: 40px;
            background-color: #318fed;
            color: #fff;
            border: 1px solid #318fed;
        }
    }
    .list-show {
        padding: 0 10px;
        height: 745px;
        .list-box {
            height: 705px;
            :deep(.el-table tr:nth-child(2n)) {
                background: #191f66;
                color: #fff;
            }
            :deep(.el-table tr:nth-child(2n-1)) {
                background: #26426a;
                color: #fff;
            }
            :deep(.el-table tr:hover td) {
                color: #000;
                cursor: pointer;
            }
        }
    }
}