样式

shuishen

2022-09-22 e612bdc09e8e0efa15958610b7dc011c16bbb41e

样式

 src/views/police/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-21 17:29:25
 * @LastEditTime: 2022-09-22 17:29:38
 * @FilePath: \srs-police-affairs\src\views\police\index.vue
 * @Description: 辖区管理
 * 
@@ -339,18 +339,18 @@

<style scoped lang="scss">
.container {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 400px;
    height: 100%;
    background: rgba(41, 53, 53, 0.8);
    background: rgba(7, 22, 37, 0.8);

    .switch-box {
        height: 60px;
        // background: blue;
        display: flex;
        justify-content: space-around;
        padding-top: 5px;
        padding: 5px 10px 0;

        & > div {
            box-sizing: border-box;
            width: 50%;
@@ -370,9 +370,8 @@
    }

    .search-box {
        margin-top: 5px;
        height: 41px;
        padding: 0px 0 0 10px;
        margin: 5px;
        height: 40px;
        display: flex;
        input {
            width: 300px;
@@ -393,28 +392,35 @@
            border: 1px solid #318fed;
        }
    }

    .list-show {
        height: 745px;
        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;
        flex: 1;

        & > div {
            height: 100%;
            display: flex;
            flex-direction: column;

            // background-color: #fff;
            .list-box {
                position: relative;
                flex: 1;
                :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;
                }
            }
        }
    }