样式

shuishen

2022-09-23 086a303fdfc8a1678ee91df8fc37720846346353

样式

 src/styles/element-ui/element-ui.scss

@@ -1,17 +1,20 @@
// 表格  el-table!
:deep(.el-table tr:nth-child(2n)) {
    background: #324e75;
    color: #fff;
.el-table tr:nth-child(2n) {
    background: #324e75 !important;
    color: #fff !important;
}
:deep(.el-table tr:nth-child(2n-1)) {

.el-table tr:nth-child(2n-1) {
    background: #26426a;
    color: #fff;
}
:deep(.el-table tr:hover td) {

.el-table tr:hover td {
    cursor: pointer;
    background-color: rgba(222, 176, 176, 0.2)!important;
    background-color: rgba(222, 176, 176, 0.2) !important;
}
:deep(.el-table::before) {

.el-table::before {
    height: 0px;
}

@@ -19,15 +22,17 @@


// 分页  el-pagination！
:deep(.el-pagination.is-background .el-pager li:not(.disabled).active) {
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #1a3252;
    color: #ffffff !important;
}
:deep(.el-pagination.is-background .btn-next),
:deep(.el-pagination.is-background .btn-prev),
:deep(.el-pagination.is-background .el-pager li) {

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background-color: #fff;
}
:deep(.el-pagination.is-background .el-pager li:hover) {

.el-pagination.is-background .el-pager li:hover {
    color: #1a3252;
}

 src/styles/index.scss

@@ -1,4 +1,5 @@
@import "./base/index.scss";
@import "./dc/index.scss";
@import "./icon/index.scss";
@import "./tool/index.scss";
@import "./tool/index.scss";
@import "./element-ui/element-ui.scss";

 src/styles/public/index.scss

@@ -1,2 +1,3 @@
$bg-color-blue: rgba(7, 22, 37, 0.8);
// $bg-color: rgba(7, 22, 37, 0.8);

$bg-color: rgba(16, 29, 74, 0.9);

 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-22 17:29:38
 * @LastEditTime: 2022-09-23 16:52:03
 * @FilePath: \srs-police-affairs\src\views\police\index.vue
 * @Description: 辖区管理
 * 
@@ -338,7 +338,7 @@
</script>

<style scoped lang="scss">
@import '@/styles/element-ui/element-ui.scss';
@import '@/styles/public/index.scss';

.container {
    display: flex;
@@ -346,7 +346,7 @@
    position: relative;
    width: 400px;
    height: 100%;
    background: rgba(7, 22, 37, 0.8);
    background: $bg-color;

    .switch-box {
        // background: blue;