From 87d3950f3a6844a531b4837c5a7081a7595f386c Mon Sep 17 00:00:00 2001 From: Oliver <1070107765@qq.com> Date: 星期三, 21 十二月 2022 17:02:18 +0800 Subject: [PATCH] ui 调整 --- src/views/operate/sms/smsIndex/createSms/index.vue | 50 ++-- src/views/operate/message/mycontrol/createUser/index.vue | 14 src/components/edit/index.vue | 20 src/views/operate/message/myIndex/messageView/index.vue | 20 src/views/operate/log/index.vue | 92 +++--- src/views/operate/message/myIndex/index.vue | 62 ++-- src/views/operate/message/myIndex/myview/index.vue | 10 src/views/operate/message/mycontrol/index.vue | 68 ++-- src/views/operate/sms/smsIndex/index.vue | 190 +++++++------- src/views/operate/message/mycontrol/update/index.vue | 14 src/views/operate/sms/smsTemplate/index.vue | 100 ++++---- src/views/operate/message/myIndex/update/index.vue | 22 src/App.vue | 4 src/views/operate/sms/smsTemplate/createTemplate/index.vue | 20 14 files changed, 343 insertions(+), 343 deletions(-) diff --git a/src/App.vue b/src/App.vue index bab6fae..353a4dc 100644 --- a/src/App.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/components/edit/index.vue b/src/components/edit/index.vue index 176a870..386d20d 100644 --- a/src/components/edit/index.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/views/operate/log/index.vue b/src/views/operate/log/index.vue index 0e4e300..c3970bb 100644 --- a/src/views/operate/log/index.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/views/operate/message/myIndex/index.vue b/src/views/operate/message/myIndex/index.vue index 9663276..b76c993 100644 --- a/src/views/operate/message/myIndex/index.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/views/operate/message/myIndex/messageView/index.vue b/src/views/operate/message/myIndex/messageView/index.vue index 558dda2..e843746 100644 --- a/src/views/operate/message/myIndex/messageView/index.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/views/operate/message/myIndex/myview/index.vue b/src/views/operate/message/myIndex/myview/index.vue index 0c944c7..464b280 100644 --- a/src/views/operate/message/myIndex/myview/index.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/views/operate/message/myIndex/update/index.vue b/src/views/operate/message/myIndex/update/index.vue index fe819ed..1d26cd5 100644 --- a/src/views/operate/message/myIndex/update/index.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/views/operate/message/mycontrol/createUser/index.vue b/src/views/operate/message/mycontrol/createUser/index.vue index 34c8851..7e3262f 100644 --- a/src/views/operate/message/mycontrol/createUser/index.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/views/operate/message/mycontrol/index.vue b/src/views/operate/message/mycontrol/index.vue index 0254b74..cd070a6 100644 --- a/src/views/operate/message/mycontrol/index.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/views/operate/message/mycontrol/update/index.vue b/src/views/operate/message/mycontrol/update/index.vue index 2d7b868..8a37237 100644 --- a/src/views/operate/message/mycontrol/update/index.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/views/operate/sms/smsIndex/createSms/index.vue b/src/views/operate/sms/smsIndex/createSms/index.vue index dc3c07e..5ca289d 100644 --- a/src/views/operate/sms/smsIndex/createSms/index.vue +++ b/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; diff --git a/src/views/operate/sms/smsIndex/index.vue b/src/views/operate/sms/smsIndex/index.vue index 635f49f..75a058d 100644 --- a/src/views/operate/sms/smsIndex/index.vue +++ b/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> diff --git a/src/views/operate/sms/smsTemplate/createTemplate/index.vue b/src/views/operate/sms/smsTemplate/createTemplate/index.vue index 6bc93d5..de2b229 100644 --- a/src/views/operate/sms/smsTemplate/createTemplate/index.vue +++ b/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> \ No newline at end of file +</style> diff --git a/src/views/operate/sms/smsTemplate/index.vue b/src/views/operate/sms/smsTemplate/index.vue index cd54a9b..7dacbc9 100644 --- a/src/views/operate/sms/smsTemplate/index.vue +++ b/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> \ No newline at end of file +</style> -- Gitblit v1.8.0