ui 调整

Oliver

2022-12-21 87d3950f3a6844a531b4837c5a7081a7595f386c

ui 调整

 src/App.vue

@@ -135,7 +135,7 @@
#app {
  // 设置弹出框样式
  .el-dialog__title {
    color: #4b9bb7;
    color: #606266;
  }

  // 设置table样式
@@ -185,4 +185,4 @@
.el-range-input {
  // background-color: #09152f;
}
</style>
</style>

 src/components/edit/index.vue

@@ -40,14 +40,14 @@
</script>
<style lang="scss" scoped>
#edit {
    :deep(.w-e-toolbar) {
        background-color: #09152f !important;
        color: #4b9bb7;
    }

    :deep(.w-e-text-container) {
        background-color: #09152f !important;
        color: #4b9bb7;
    }
    //:deep(.w-e-toolbar) {
    //    background-color: #09152f !important;
    //    color: #4b9bb7;
    //}
    //
    //:deep(.w-e-text-container) {
    //    background-color: #09152f !important;
    //    color: #4b9bb7;
    //}
}
</style>
</style>

 src/views/operate/log/index.vue

@@ -71,9 +71,9 @@
        <el-table
          ref="multipleTable"
          :header-cell-style="{
            background: '#06122c',
            // background: '#06122c',
            'font-size': '12px',
            color: '#4b9bb7',
            color: '#606266',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -428,11 +428,11 @@
.userList {
  text-align: left;
  margin: 10px 20px;
  color: #4b9bb7;
  color: #606266;

  header {
    background-color: white;
    border: 1pox solid #fff;
    border: 1px solid #fff;

    .header-nav {
      line-height: 40px;
@@ -463,10 +463,10 @@
          flex: 1;
          color: #1d3f57;

          &::v-deep .el-input__inner {
            background-color: #09152f;
            border: 1px solid #17324c;
          }
          //&::v-deep .el-input__inner {
          //  background-color: #09152f;
          //  border: 1px solid #17324c;
          //}
        }
        .el-select {
          flex: 1;
@@ -474,9 +474,9 @@
        .el-date-editor {
          flex: 1;
        }
        :deep(.el-range-input) {
          background-color: #09152f;
        }
        //:deep(.el-range-input) {
        //  background-color: #09152f;
        //}
      }
      .find {
        margin-left: 15px;
@@ -497,10 +497,10 @@
  }

  main {
    background-color: #09152f;
    background-color: white;
    margin-top: 20px;
    padding-bottom: 50px;
    border: 1pox solid #fff;
    border: 1px solid #fff;

    .el-link {
      color: #4b9bb7;
@@ -552,10 +552,10 @@
            width: 120px;
          }

          &::v-deep .el-input__inner {
            border: none;
            background-color: #09152f;
          }
          //&::v-deep .el-input__inner {
          //  border: none;
          //  background-color: #09152f;
          //}

          &:hover {
            border: 1px solid #4b9bb7;
@@ -573,33 +573,33 @@
        line-height: 50px;
        justify-content: center;

        .el-pagination {
          &::v-deep li,
          &::v-deep .btn-prev,
          &::v-deep .btn-next {
            background-color: #071f39;
            color: #4b9bb7;
          }

          &::v-deep .active {
            background-color: #409eff;
            color: #fff;
          }
        }
        //.el-pagination {
        //  &::v-deep li,
        //  &::v-deep .btn-prev,
        //  &::v-deep .btn-next {
        //    background-color: #071f39;
        //    color: #4b9bb7;
        //  }
        //
        //  &::v-deep .active {
        //    background-color: #409eff;
        //    color: #fff;
        //  }
        //}
      }
    }

    .el-table {
      color: #4b9bb7;
      color: #606266;
      font-size: 10px;

      &::v-deep .el-table__empty-block {
        background-color: #09152f;
      }

      &::v-deep .el-table__empty-block {
        color: #4b9bb7;
      }
      //&::v-deep .el-table__empty-block {
      //  background-color: #09152f;
      //}
      //
      //&::v-deep .el-table__empty-block {
      //  color: #4b9bb7;
      //}

      .operation {
        display: flex;
@@ -614,13 +614,13 @@
      }
    }

    .el-table::v-deep .warning-row {
      background: #06122c;
    }

    .el-table::v-deep .success-row {
      background: #071f39;
    }
    //.el-table::v-deep .warning-row {
    //  background: #06122c;
    //}
    //
    //.el-table::v-deep .success-row {
    //  background: #071f39;
    //}
  }
}
</style>
</style>

 src/views/operate/message/myIndex/index.vue

@@ -41,7 +41,7 @@
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                    :header-cell-style="{background:'white','font-size':'12px',color:'#606266','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -204,7 +204,7 @@

    methods: {
        // 查询
        handleSearch(){         
        handleSearch(){
            this.getMessageList();
        },

@@ -247,7 +247,7 @@
            startTime: this.datetime ? this.datetime[0] : null,
            endTime: this.datetime ? this.datetime[1] : null
          }
          

          getMessageList(messageParam)
              .then(({ records, total ,size}) => {
                this.tableData = records;
@@ -353,10 +353,10 @@
.userList {
    text-align: left;
    margin: 10px 20px;
    color: #4b9bb7;
    color: #606266;

    header {
        background-color: #09152f;
        background-color: white;

        .header-nav {
            line-height: 40px;
@@ -384,8 +384,8 @@
                    flex: 2;
                    color: #1d3f57;
                    &::v-deep .el-input__inner {
                        background-color: #09152f;
                        border: 1px solid #17324c;
                        //background-color: #09152f;
                        //border: 1px solid #17324c;
                    }
                }

@@ -407,7 +407,7 @@
    }

    main {
        background-color: #09152f;
        background-color: white;
        margin-top: 20px;
        padding-bottom: 50px;

@@ -463,7 +463,7 @@

                    &::v-deep .el-input__inner {
                        border: none;
                        background-color: #09152f;
                        //background-color: #09152f;
                    }

                    &:hover {
@@ -483,29 +483,29 @@
                line-height: 50px;
                justify-content: center;

                .el-pagination {

                    &::v-deep li,
                    &::v-deep .btn-prev,
                    &::v-deep .btn-next {
                        background-color: #071f39;
                        color: #4b9bb7;
                    }

                    &::v-deep .active {
                        background-color: #409eff;
                        color: #fff;
                    }
                }
                //.el-pagination {
                //
                //    &::v-deep li,
                //    &::v-deep .btn-prev,
                //    &::v-deep .btn-next {
                //        background-color: #071f39;
                //        color: #4b9bb7;
                //    }
                //
                //    &::v-deep .active {
                //        background-color: #409eff;
                //        color: #fff;
                //    }
                //}
            }
        }

        .el-table {
            color: #4b9bb7;
            color: #606266;
            font-size: 10px;

            &::v-deep .el-table__empty-block {
                background-color: #09152f;
                //background-color: #09152f;
            }

            &::v-deep .el-table__empty-block {
@@ -526,11 +526,11 @@
        }

        .el-table::v-deep .warning-row {
            background: #06122c;
            //background: #06122c;
        }

        .el-table::v-deep .success-row {
            background: #071f39;
            //background: #071f39;
        }

        &::v-deep .switchStyle .el-switch__label {
@@ -565,7 +565,7 @@

    &::v-deep .el-dialog__header,
    &::v-deep .el-dialog__body {
        background-color: #06122c;
        //background-color: #06122c;
    }

    &::v-deep .el-dialog__header {
@@ -577,7 +577,7 @@
    }

    &::v-deep .el-dialog__title {
        color: #4b9bb7;
        color: #606266;
    }

    &::v-deep .el-dialog__close {
@@ -589,7 +589,7 @@
        padding: 0;
    }
  :deep(.el-range-input) {
    background-color: #09152f;
    //background-color: #09152f;
  }
}
</style>
</style>

 src/views/operate/message/myIndex/messageView/index.vue

@@ -53,21 +53,21 @@
<style lang="scss" scoped>
.updateUser {
    border-radius: 1px;
    background-color: #09152f;
    //background-color: #09152f;

    :deep(.el-tag) {
        background-color: #09152f;
        //background-color: #09152f;
    }

    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
        background-color: #09152f;
        color: #4b9bb7;
        //background-color: #09152f;
        color: #606266;
    }

    main {
        text-align: left;
        padding: 0 55px;
        background-color: #09152f;
        //background-color: #09152f;
        padding-bottom: 50px;

        .mainContent {
@@ -84,8 +84,8 @@
            }

            &:deep(.el-textarea__inner) {
                background-color: #09152f;
                border: 1px solid #17324c;
                //background-color: #09152f;
                //border: 1px solid #17324c;
            }
        }
    }
@@ -96,7 +96,7 @@
}

.updateUser::v-deep .el-input__inner {
    background-color: #09152f;
    border: 1px solid #17324c;
    //background-color: #09152f;
    //border: 1px solid #17324c;
}
</style>
</style>

 src/views/operate/message/myIndex/myview/index.vue

@@ -1,7 +1,7 @@
<template>
    <div class="myview">
        <header>
            <div class="header-title">                   
            <div class="header-title">
               <p>{{title}}</p>
            </div>
            <div class="header-time">
@@ -14,7 +14,7 @@
    </div>
</template>
<script>
export default {  
export default {
    data() {
        return {
            title: {},
@@ -36,7 +36,7 @@
</script>
<style lang="scss" scoped>
.myview{
    color: #4b9bb7;
    color: #606266;
    header{
        line-height: 100px;
        display: flex;
@@ -54,7 +54,7 @@
        border-bottom: 1px solid #4b9bb7;
    }
    main{
        padding: 30px 50px;  
        padding: 30px 50px;
        line-height: 100px;
        .main-head{
            line-height: 40px;
@@ -67,4 +67,4 @@
        }
    }
}
</style>
</style>

 src/views/operate/message/myIndex/update/index.vue

@@ -213,7 +213,7 @@
    if (this.type !== 'create') {
      this.$refs.edit.editor.txt.append(this.myDataRow.body);
    }
    

  },
  methods: {
    // 关闭弹窗
@@ -380,28 +380,28 @@
<style lang="scss" scoped>
.createUser {
  border-radius: 1px;
  background-color: #09152f;
  background-color: white;

  main {
    text-align: left;
    padding: 0 55px;
    background-color: #09152f;
    background-color: white;

    .mainContent {
      display: flex;
      justify-content: center;
      padding-top: 50px;
      &:deep(.el-dialog__title) {
        color: #4b9bb7;
        //color: #4b9bb7;
      }
      &::v-deep .el-form-item__label {
        color: #4b9bb7;
        //color: #4b9bb7;
      }

      &::v-deep .el-input__inner {
        width: 400px;
        background-color: #09152f;
        border: 1px solid #17324c;
        //background-color: #09152f;
        //border: 1px solid #17324c;
      }

      .message-item__left {
@@ -427,7 +427,7 @@

        span {
          margin-left: 20px;
          color: #4b9bb7;
          color: #606266;
        }
      }

@@ -440,8 +440,8 @@
      }

      &::v-deep .el-textarea__inner {
        background-color: #09152f;
        border: 1px solid #17324c;
        //background-color: #09152f;
        //border: 1px solid #17324c;
      }

      .el-form-item__content {
@@ -476,4 +476,4 @@
    }
  }
}
</style>
</style>

 src/views/operate/message/mycontrol/createUser/index.vue

@@ -106,12 +106,12 @@
<style lang="scss" scoped>
.createUser {
    border-radius: 1px;
    background-color: #09152f;
    background-color: white;

    main {
        text-align: left;
        padding: 0 55px;
        background-color: #09152f;
        background-color: white;
        padding-bottom: 50px;

        .mainContent {
@@ -120,21 +120,21 @@
            padding-top: 50px;

            &::v-deep .el-form-item__label {
                color: #4b9bb7;
                color: #606266;
            }

            &::v-deep .el-input__inner {
                background-color: #09152f;
                //background-color: #09152f;
                border: 1px solid #17324c;
            }

            &::v-deep .el-textarea__inner {
                background-color: #09152f;
                //background-color: #09152f;
                border: 1px solid #17324c;
            }

            :deep(.el-input__count) {
                background-color: #09152f;
                //background-color: #09152f;
            }

            .el-form-item__content {
@@ -170,4 +170,4 @@
        }
    }
}
</style>
</style>

 src/views/operate/message/mycontrol/index.vue

@@ -8,7 +8,7 @@
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                    :header-cell-style="{background:'white','font-size':'12px',color:'#606266','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -281,13 +281,13 @@
.userList {
    text-align: left;
    margin: 10px 20px;
    color: #4b9bb7;
    color: #606266;

    main {
        background-color: #09152f;
        background-color: white;
        margin-top: 20px;
        padding-bottom: 50px;
        border: 1pox solid #fff;
        border: 1px solid #fff;

        .mainTitle {
            line-height: 60px;
@@ -329,7 +329,7 @@

                    &::v-deep .el-input__inner {
                        border: none;
                        background-color: #09152f;
                        //background-color: #09152f;
                    }

                    &:hover {
@@ -349,29 +349,29 @@
                line-height: 50px;
                justify-content: center;

                .el-pagination {

                    &::v-deep li,
                    &::v-deep .btn-prev,
                    &::v-deep .btn-next {
                        background-color: #071f39;
                        color: #4b9bb7;
                    }

                    &::v-deep .active {
                        background-color: #409eff;
                        color: #fff;
                    }
                }
                //.el-pagination {
                //
                //    &::v-deep li,
                //    &::v-deep .btn-prev,
                //    &::v-deep .btn-next {
                //        background-color: #071f39;
                //        color: #4b9bb7;
                //    }
                //
                //    &::v-deep .active {
                //        background-color: #409eff;
                //        color: #fff;
                //    }
                //}
            }
        }

        .el-table {
            color: #4b9bb7;
            color: #606266;
            font-size: 10px;

            &::v-deep .el-table__empty-block {
                background-color: #09152f;
                //background-color: #09152f;
            }

            &::v-deep .el-table__empty-block {
@@ -399,13 +399,13 @@
            }
        }

        .el-table::v-deep .warning-row {
            background: #06122c;
        }

        .el-table::v-deep .success-row {
            background: #071f39;
        }
        //.el-table::v-deep .warning-row {
        //    background: #06122c;
        //}
        //
        //.el-table::v-deep .success-row {
        //    background: #071f39;
        //}

        &::v-deep .switchStyle .el-switch__label {
            position: absolute;
@@ -437,10 +437,10 @@
        }
    }

    &::v-deep .el-dialog__header,
    &::v-deep .el-dialog__body {
        background-color: #06122c;
    }
    //&::v-deep .el-dialog__header,
    //&::v-deep .el-dialog__body {
    //    background-color: #06122c;
    //}

    &::v-deep .el-dialog__header {
        display: flex;
@@ -451,7 +451,7 @@
    }

    &::v-deep .el-dialog__title {
        color: #4b9bb7;
        color: #606266;
    }

    &::v-deep .el-dialog__close {
@@ -464,4 +464,4 @@
        padding: 0;
    }
}
</style>
</style>

 src/views/operate/message/mycontrol/update/index.vue

@@ -105,12 +105,12 @@
<style lang="scss" scoped>
.createUser {
    border-radius: 1px;
    background-color: #09152f;
    background-color: white;

    main {
        text-align: left;
        padding: 0 55px;
        background-color: #09152f;
        background-color: white;
        padding-bottom: 50px;

        .mainContent {
@@ -119,21 +119,21 @@
            padding-top: 50px;

            &::v-deep .el-form-item__label {
                color: #4b9bb7;
                color: #606266;
            }

            &::v-deep .el-input__inner {
                background-color: #09152f;
                //background-color: #09152f;
                border: 1px solid #17324c;
            }

            &::v-deep .el-textarea__inner {
                background-color: #09152f;
                //background-color: #09152f;
                border: 1px solid #17324c;
            }

            :deep(.el-input__count) {
                background-color: #09152f;
                //background-color: #09152f;
            }

            .el-form-item__content {
@@ -169,4 +169,4 @@
        }
    }
}
</style>
</style>

 src/views/operate/sms/smsIndex/createSms/index.vue

@@ -232,29 +232,29 @@
<style lang="scss" scoped>
.createUser {
    border-radius: 1px;
    background-color: #09152f;
    background-color: white;

    main {
        text-align: left;
        background-color: #09152f;
        background-color: white;
        padding-bottom: 50px;

        .mainContent {
            display: flex;
            justify-content: center;
            padding-top: 50px;
            &:deep(.el-dialog__title) {
                color: #4b9bb7;
            }
            &::v-deep .el-form-item__label {
                color: #4b9bb7;
            }

            &::v-deep .el-input__inner {
                width: 400px;
                background-color: #09152f;
                border: 1px solid #17324c;
            }
            //&:deep(.el-dialog__title) {
            //    color: #4b9bb7;
            //}
            //&::v-deep .el-form-item__label {
            //    color: #4b9bb7;
            //}
            //
            //&::v-deep .el-input__inner {
            //    width: 400px;
            //    background-color: #09152f;
            //    border: 1px solid #17324c;
            //}

            .message-item__left {
                width: 400px;
@@ -270,9 +270,9 @@
                width: 400px;
            }

            :deep(.el-input) {
                width: 400px;
            }
            //:deep(.el-input) {
            //    width: 400px;
            //}

            .message-item {
                display: flex;
@@ -287,14 +287,14 @@
                margin-left: 20px;
            }

            :deep(.el-input--suffix) {
                width: 400px;
            }

            &::v-deep .el-textarea__inner {
                background-color: #09152f;
                border: 1px solid #17324c;
            }
            //:deep(.el-input--suffix) {
            //    width: 400px;
            //}
            //
            //&::v-deep .el-textarea__inner {
            //    background-color: #09152f;
            //    border: 1px solid #17324c;
            //}

            .el-form-item__content {
                width: 400px;

 src/views/operate/sms/smsIndex/index.vue

@@ -50,9 +50,9 @@
        <el-table
            ref="multipleTable"
            :header-cell-style="{
            background: '#06122c',
            // background: '#06122c',
            'font-size': '12px',
            color: '#4b9bb7',
            color: '#606266',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -390,7 +390,7 @@
.userList {
  text-align: left;
  margin: 10px 20px;
  color: #4b9bb7;
  color: #606266;

  header {
    background-color: white;
@@ -427,12 +427,12 @@

        .el-input {
          flex: 2;
          color: #1d3f57;
          color: #606266;

          &::v-deep .el-input__inner {
            background-color: #09152f;
            border: 1px solid #17324c;
          }
          //&::v-deep .el-input__inner {
          //  background-color: #09152f;
          //  border: 1px solid #17324c;
          //}
        }
      }

@@ -456,7 +456,7 @@
  }

  main {
    background-color: #09152f;
    background-color: white;
    margin-top: 20px;
    padding-bottom: 50px;

@@ -510,10 +510,10 @@
            width: 120px;
          }

          &::v-deep .el-input__inner {
            border: none;
            background-color: #09152f;
          }
          //&::v-deep .el-input__inner {
          //  border: none;
          //  background-color: #09152f;
          //}

          &:hover {
            border: 1px solid #4b9bb7;
@@ -531,33 +531,33 @@
        line-height: 50px;
        justify-content: center;

        .el-pagination {
          &::v-deep li,
          &::v-deep .btn-prev,
          &::v-deep .btn-next {
            background-color: #071f39;
            color: #4b9bb7;
          }

          &::v-deep .active {
            background-color: #409eff;
            color: #fff;
          }
        }
        //.el-pagination {
        //  &::v-deep li,
        //  &::v-deep .btn-prev,
        //  &::v-deep .btn-next {
        //    background-color: #071f39;
        //    color: #4b9bb7;
        //  }
        //
        //  &::v-deep .active {
        //    background-color: #409eff;
        //    color: #fff;
        //  }
        //}
      }
    }

    .el-table {
      color: #4b9bb7;
      color: #606266;
      font-size: 10px;

      &::v-deep .el-table__empty-block {
        background-color: #09152f;
      }

      &::v-deep .el-table__empty-block {
        color: #4b9bb7;
      }
      //&::v-deep .el-table__empty-block {
      //  background-color: #09152f;
      //}
      //
      //&::v-deep .el-table__empty-block {
      //  color: #4b9bb7;
      //}

      .operation {
        display: flex;
@@ -572,69 +572,69 @@
      }
    }

    .el-table::v-deep .warning-row {
      background: #06122c;
    }
    //.el-table::v-deep .warning-row {
    //  background: #06122c;
    //}
    //
    //.el-table::v-deep .success-row {
    //  background: #071f39;
    //}

    .el-table::v-deep .success-row {
      background: #071f39;
    }

    &::v-deep .switchStyle .el-switch__label {
      position: absolute;
      display: none;
      color: #fff;
    }

    &::v-deep .el-switch__core {
      background-color: rgba(166, 166, 166, 1);
    }

    &::v-deep .switchStyle .el-switch__label--left {
      z-index: 9;
      left: 20px;
    }

    &::v-deep .switchStyle .el-switch__label--right {
      z-index: 9;
      left: 4px;
    }

    &::v-deep .switchStyle .el-switch__label.is-active {
      display: block;
    }

    &::v-deep .switchStyle.el-switch .el-switch__core,
    &::v-deep .el-switch .el-switch__label {
      width: 50px !important;
    }
    //&::v-deep .switchStyle .el-switch__label {
    //  position: absolute;
    //  display: none;
    //  color: #fff;
    //}
    //
    //&::v-deep .el-switch__core {
    //  background-color: rgba(166, 166, 166, 1);
    //}
    //
    //&::v-deep .switchStyle .el-switch__label--left {
    //  z-index: 9;
    //  left: 20px;
    //}
    //
    //&::v-deep .switchStyle .el-switch__label--right {
    //  z-index: 9;
    //  left: 4px;
    //}
    //
    //&::v-deep .switchStyle .el-switch__label.is-active {
    //  display: block;
    //}
    //
    //&::v-deep .switchStyle.el-switch .el-switch__core,
    //&::v-deep .el-switch .el-switch__label {
    //  width: 50px !important;
    //}
  }

  &::v-deep .el-dialog__header,
  &::v-deep .el-dialog__body {
    background-color: #06122c;
  }

  &::v-deep .el-dialog__header {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 20px;
    line-height: 60px;
  }

  &::v-deep .el-dialog__title {
    color: #4b9bb7;
  }

  &::v-deep .el-dialog__close {
    width: 20px;
    height: 20px;
    // color: #fff;
  }

  &::v-deep .el-dialog__body {
    padding: 0;
  }
  //&::v-deep .el-dialog__header,
  //&::v-deep .el-dialog__body {
  //  background-color: #06122c;
  //}
  //
  //&::v-deep .el-dialog__header {
  //  display: flex;
  //  align-items: center;
  //  background-color: #fff;
  //  padding: 20px;
  //  line-height: 60px;
  //}
  //
  //&::v-deep .el-dialog__title {
  //  color: #4b9bb7;
  //}
  //
  //&::v-deep .el-dialog__close {
  //  width: 20px;
  //  height: 20px;
  //  // color: #fff;
  //}
  //
  //&::v-deep .el-dialog__body {
  //  padding: 0;
  //}
}
</style>

 src/views/operate/sms/smsTemplate/createTemplate/index.vue

@@ -13,7 +13,7 @@
                                        :value="item.id">
                                    </el-option>
                                </el-select>
                            </div>                       
                            </div>
                        </div>
                    </el-form-item>
                    <!-- 消息标题 -->
@@ -133,11 +133,11 @@
<style lang="scss" scoped>
.createUser {
    border-radius: 1px;
    background-color: #09152f;
    background-color: white;

    main {
        text-align: left;
        background-color: #09152f;
        background-color: white;
        padding-bottom: 50px;

        .mainContent {
@@ -145,16 +145,16 @@
            justify-content: center;
            padding-top: 50px;
            &:deep(.el-dialog__title) {
                color: #4b9bb7;
                //color: #4b9bb7;
            }
            &::v-deep .el-form-item__label {
                color: #4b9bb7;
                //color: #4b9bb7;
            }

            &::v-deep .el-input__inner {
                width: 400px;
                background-color: #09152f;
                border: 1px solid #17324c;
                //background-color: #09152f;
                //border: 1px solid #17324c;
            }

            .message-item__left {
@@ -189,8 +189,8 @@
            }

            &::v-deep .el-textarea__inner {
                background-color: #09152f;
                border: 1px solid #17324c;
                //background-color: #09152f;
                //border: 1px solid #17324c;
            }

            .el-form-item__content {
@@ -226,4 +226,4 @@
        }
    }
}
</style>
</style>

 src/views/operate/sms/smsTemplate/index.vue

@@ -30,7 +30,7 @@
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                    :header-cell-style="{background:'white','font-size':'12px',color:'#606266','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -177,7 +177,7 @@
    },
    methods: {
        // 查询
        handleSearch(){         
        handleSearch(){
            this.getMessageList();
        },
        // 重置
@@ -320,10 +320,10 @@
.userList {
    text-align: left;
    margin: 10px 20px;
    color: #4b9bb7;
    color: #606266;

    header {
        background-color: #09152f;
        background-color: white;

        .header-nav {
            line-height: 40px;
@@ -354,10 +354,10 @@
                    flex: 2;
                    color: #1d3f57;

                    &::v-deep .el-input__inner {
                        background-color: #09152f;
                        border: 1px solid #17324c;
                    }
                    //&::v-deep .el-input__inner {
                    //    background-color: #09152f;
                    //    border: 1px solid #17324c;
                    //}
                }

            }
@@ -378,7 +378,7 @@
    }

    main {
        background-color: #09152f;
        background-color: white;
        margin-top: 20px;
        padding-bottom: 50px;

@@ -432,10 +432,10 @@
                        width: 120px;
                    }

                    &::v-deep .el-input__inner {
                        border: none;
                        background-color: #09152f;
                    }
                    //&::v-deep .el-input__inner {
                    //    border: none;
                    //    background-color: #09152f;
                    //}

                    &:hover {
                        border: 1px solid #4b9bb7;
@@ -454,34 +454,34 @@
                line-height: 50px;
                justify-content: center;

                .el-pagination {

                    &::v-deep li,
                    &::v-deep .btn-prev,
                    &::v-deep .btn-next {
                        background-color: #071f39;
                        color: #4b9bb7;
                    }

                    &::v-deep .active {
                        background-color: #409eff;
                        color: #fff;
                    }
                }
                //.el-pagination {
                //
                //    &::v-deep li,
                //    &::v-deep .btn-prev,
                //    &::v-deep .btn-next {
                //        background-color: #071f39;
                //        color: #4b9bb7;
                //    }
                //
                //    &::v-deep .active {
                //        background-color: #409eff;
                //        color: #fff;
                //    }
                //}
            }
        }

        .el-table {
            color: #4b9bb7;
            color: #606266;
            font-size: 10px;

            &::v-deep .el-table__empty-block {
                background-color: #09152f;
            }

            &::v-deep .el-table__empty-block {
                color: #4b9bb7;
            }
            //&::v-deep .el-table__empty-block {
            //    background-color: #09152f;
            //}
            //
            //&::v-deep .el-table__empty-block {
            //    color: #4b9bb7;
            //}

            .operation {
                display: flex;
@@ -496,13 +496,13 @@
            }
        }

        .el-table::v-deep .warning-row {
            background: #06122c;
        }

        .el-table::v-deep .success-row {
            background: #071f39;
        }
        //.el-table::v-deep .warning-row {
        //    background: #06122c;
        //}
        //
        //.el-table::v-deep .success-row {
        //    background: #071f39;
        //}

        &::v-deep .switchStyle .el-switch__label {
            position: absolute;
@@ -534,10 +534,10 @@
        }
    }

    &::v-deep .el-dialog__header,
    &::v-deep .el-dialog__body {
        background-color: #06122c;
    }
    //&::v-deep .el-dialog__header,
    //&::v-deep .el-dialog__body {
    //    background-color: #06122c;
    //}

    &::v-deep .el-dialog__header {
        display: flex;
@@ -547,9 +547,9 @@
        line-height: 60px;
    }

    &::v-deep .el-dialog__title {
        color: #4b9bb7;
    }
    //&::v-deep .el-dialog__title {
    //    color: #4b9bb7;
    //}

    &::v-deep .el-dialog__close {
        width: 20px;
@@ -560,4 +560,4 @@
        padding: 0;
    }
}
</style>
</style>