diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 6772c5e1d72ef52c3e6e90ace81f1b3c033ee13b..3d005be5422aec2f7049f9bb608438d413103ed2 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -1,69 +1,69 @@ -[v-cloak]{ - display: none -} +[v-cloak] { + display: none; +} /* 新增按钮颜色 */ -.form-group .el-button--primary{ - background-color: #264dd9!important; - border-color: #264dd9!important; +.form-group .el-button--primary { + background-color: #264dd9 !important; + border-color: #264dd9 !important; } /* 返回按钮颜色 */ -.from_return>.el-button--primary{ - background-color: #edf0ff!important; - border-color: #edf0ff!important; - color:#264dd9!important; +.from_return > .el-button--primary { + background-color: #edf0ff !important; + border-color: #edf0ff !important; + color: #264dd9 !important; } /* 取消按钮颜色 */ -.form_c{ - background-color: #dde4ff!important; - border-color: #dde4ff!important; - color:#264dd9!important ; +.form_c { + background-color: #dde4ff !important; + border-color: #dde4ff !important; + color: #264dd9 !important ; } /* 确定按钮颜色 */ -.form_t{ - background-color: #264dd9!important; - border-color: #264dd9!important; - color:#f4f7fc!important ; +.form_t { + background-color: #264dd9 !important; + border-color: #264dd9 !important; + color: #f4f7fc !important ; } /* 搜索框颜色 */ -.form-group .el-input__inner{ - border-radius: 28px!important; - border: 1px solid #bcc1d0!important; - background: #f4f7fc!important; - color: #8890a7!important; -} -.drawer_return .el-input__inner{ - border-radius: 28px!important; - border: 1px solid #bcc1d0!important; - background: #f4f7fc!important; - color: #8890a7!important; +.form-group .el-input__inner { + border-radius: 28px !important; + border: 1px solid #bcc1d0 !important; + background: #f4f7fc !important; + color: #8890a7 !important; +} +.drawer_return .el-input__inner { + border-radius: 28px !important; + border: 1px solid #bcc1d0 !important; + background: #f4f7fc !important; + color: #8890a7 !important; } /* 多行文本框样式 */ -.jbxx_desc textarea{ - height: 150px!important; - border-radius: 8px!important; - border-color: #bcc1d0!important; - outline: none!important; - resize: none!important; +.jbxx_desc textarea { + height: 150px !important; + border-radius: 8px !important; + border-color: #bcc1d0 !important; + outline: none !important; + resize: none !important; } /* 面包屑文字大小 */ -.el-breadcrumb{ +.el-breadcrumb { font-size: 14px; color: #898d9e; } /* 编辑颜色*/ -.primary-edit{ +.primary-edit { color: #264dd9; cursor: pointer; } /* 删除颜色 */ -.primary-del{ +.primary-del { color: #264dd9; cursor: pointer; } -.space_bet{} +.space_bet { +} /* reset */ html { - } body { margin: 0; @@ -87,7 +87,7 @@ h5 { font-weight: normal; } -div{ +div { box-sizing: border-box; } /* reset end */ @@ -141,7 +141,7 @@ div{ } .ss_card > .sc_right_container > .sc_info { display: flex; - justify-content: space-between; + justify-content: space-between; } .form-group { padding: 20px 20px 15px; @@ -152,56 +152,56 @@ div{ padding: 0 20px; } /* 设置抽屉的样式 */ -.el-drawer__header{ - display: none; +.el-drawer__header { + display: none; } -.from_return{ - text-align: center; - padding: 18px 20px 10px; - border-bottom: 1px solid #edf0ff; - position: relative; +.from_return { + text-align: center; + padding: 18px 20px 10px; + border-bottom: 1px solid #edf0ff; + position: relative; } -.from_return>.el-button--primary{ +.from_return > .el-button--primary { position: absolute; top: 15px; left: 20px; } -.from_return>span{ - color:#1a2236; +.from_return > span { + color: #1a2236; font-size: 16px; } -.demo-drawer__content .el-form-item__label{ +.demo-drawer__content .el-form-item__label { color: #242c43; } -.demo-drawer__content .el-input__inner{ +.demo-drawer__content .el-input__inner { border: 1px solid #bcc1d0; border-radius: 17px; color: #58617a; background: #fff; } -.demo-drawer__footer{ +.demo-drawer__footer { text-align: right; padding-right: 40px; margin-top: 40px; } -.el-form-item__error{ - font-size:11px; +.el-form-item__error { + font-size: 11px; } /* 设置提示弹窗的样式 */ -.el-dialog{ +.el-dialog { border-radius: 10px; } .el-dialog__header { border-bottom: 1px solid #edf0ff; } -.el-dialog__title{ +.el-dialog__title { font-size: 16px; font-weight: 700; color: #1d1e20; border-left: 4px solid #0367f6; padding-left: 8px; } -.el-dialog__body{ +.el-dialog__body { font-size: 18px; color: #242c43; text-align: center; @@ -213,23 +213,22 @@ div{ .el-tabs__item { font-size: 16px; color: #8890a7; - line-height: 24px!important; + line-height: 24px !important; } .el-tabs__nav-scroll .el-tabs__item { - line-height: 40px!important; + line-height: 40px !important; } .el-tabs__item:hover { color: #687087; - } .el-tabs__item.is-active { color: #e56600 !important; } -.el-tabs__active-bar{ +.el-tabs__active-bar { height: 3px; - background-color:#e56600 !important; + background-color: #e56600 !important; } -.el-tabs__nav-wrap::after{ +.el-tabs__nav-wrap::after { height: 1px; background-color: #edf0ff; } @@ -277,51 +276,54 @@ border-radius:8px; } */ /* 左右布局 */ .flex { -height: 100%; -display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ -display: -moz-box; /* Firefox 17- */ -display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ -display: -moz-flex; /* Firefox 18+ */ -display: -ms-flexbox; /* IE 10 */ -display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ + height: 100%; + display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ + display: -moz-box; /* Firefox 17- */ + display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ + display: -moz-flex; /* Firefox 18+ */ + display: -ms-flexbox; /* IE 10 */ + display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ } .flex-left { -width: 178px; -background-color: #1a2236; -height: 100%; + width: 178px; + background-color: #1a2236; + height: 100%; } .flex-right { -padding: 0 20px 20px; -box-sizing: border-box; --webkit-box-flex: auto; --ms-flex: auto; --webkit-flex: auto; -flex: 1; -overflow-y: auto; + padding: 0 20px 20px; + box-sizing: border-box; + -webkit-box-flex: auto; + -ms-flex: auto; + -webkit-flex: auto; + flex: 1; + overflow-y: auto; } -.flex-right-box{ -width: 100%; -height: 100%; -position: relative; +.flex-right-box { + width: 100%; + height: 100%; + position: relative; } -.ces-main{ -position: absolute; -width: 100%; +.ces-main { + position: absolute; + width: 100%; } -.v-modal{ -background: #000a2b!important; +.v-modal { + background: #000a2b !important; } -.drawer600{ -width: 600px!important; +.drawer600 { + width: 600px !important; } -.drawer620{ -width: 620px!important; +.drawer620 { + width: 620px !important; } -.drawer1202{ - width: 1202px!important; +.drawer1202 { + width: 1202px !important; } -.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{ - content:"" +.el-form-item.is-required:not(.is-no-asterisk) + .el-form-item__label-wrap + > .el-form-item__label:before, +.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { + content: ""; } /* 设置switch的样式 */ .switchStyle1 .el-switch__label { @@ -338,7 +340,7 @@ width: 620px!important; /*关闭时文字位置设置*/ .switchStyle1 .el-switch__label--left { z-index: 1; - left: 28px; + left: 28px; top: 1px; } .switchStyle1 .el-switch__label.is-active { @@ -347,8 +349,8 @@ width: 620px!important; .switchStyle1.el-switch .el-switch__core, .switchStyle1.el-switch .el-switch__label { width: 62px !important; - height: 28px!important; - border-radius: 28px!important; + height: 28px !important; + border-radius: 28px !important; } .switchStyle1 .el-switch__core { background: #f8f9fd !important; @@ -372,7 +374,7 @@ width: 620px!important; right: 0; top: 2.1px; } -.switchStyle1.el-switch.is-checked .el-switch__core::after{ +.switchStyle1.el-switch.is-checked .el-switch__core::after { margin-left: -25px; } .switchStyle1 .el-switch__label * { @@ -412,7 +414,8 @@ width: 620px!important; .el-input__inner { border-radius: 8px; } -.el-input-group__append, .el-input-group__prepend { +.el-input-group__append, +.el-input-group__prepend { border-radius: 8px; } .el-button { @@ -454,10 +457,10 @@ width: 620px!important; .el-scrollbar { border-radius: 8px; } -.el-popper[x-placement^=bottom] .popper__arrow::after { +.el-popper[x-placement^="bottom"] .popper__arrow::after { border-bottom-color: transparent; } -.el-popper[x-placement^=top] .popper__arrow::after { +.el-popper[x-placement^="top"] .popper__arrow::after { border-top-color: transparent; } /* 单选激活样式 */ @@ -465,13 +468,13 @@ width: 620px!important; border-color: #838383; background-color: #fff; } -.el-radio__input.is-checked+.el-radio__label { +.el-radio__input.is-checked + .el-radio__label { color: #1a2236; font-weight: 700; } .el-radio__inner::after { width: 8px; - height: 8px; + height: 8px; } .el-radio__input.is-checked .el-radio__inner::after { background-color: #e56600; @@ -508,7 +511,6 @@ width: 620px!important; margin: 0 auto; } - /* common */ .apass_breadcrumb > .el-breadcrumb { padding: 15px 0; @@ -519,7 +521,10 @@ width: 620px!important; color: #898d9e; line-height: 23px; } -.apass_breadcrumb > .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner { +.apass_breadcrumb + > .el-breadcrumb + .el-breadcrumb__item:last-child + .el-breadcrumb__inner { color: #242c43; font-weight: normal; } @@ -527,7 +532,7 @@ width: 620px!important; min-width: 90px; color: #0f2683; } -.apaas_button .el-button--mini, +.apaas_button .el-button--mini, .apaas_button .el-button--mini.is-round { padding: 10px 15px; } @@ -546,8 +551,8 @@ width: 620px!important; background-color: #e15260; border-color: #e15260; } -.apaas_button .el-button.is-disabled, -.apaas_button .el-button.is-disabled:focus, +.apaas_button .el-button.is-disabled, +.apaas_button .el-button.is-disabled:focus, .apaas_button .el-button.is-disabled:hover { cursor: not-allowed; } @@ -564,11 +569,11 @@ width: 620px!important; .apaas_button .el-button.is-disabled, .apaas_button .el-button.is-disabled:focus, .apaas_button .el-button.is-disabled:hover { - color: #C0C4CC; + color: #c0c4cc; cursor: not-allowed; background-image: none; - background-color: #FFF; - border-color: #EBEEF5; + background-color: #fff; + border-color: #ebeef5; } .apass_table .el-table th > .cell { @@ -831,4 +836,10 @@ width: 620px!important; .meassage_detail_dialog .detail_item .full_content .item_content { margin: 0; } -/* 详情页公共样式 by xuyiming ~~~end */ \ No newline at end of file +.no_wrap .apass_table td .cell { + overflow: hidden; + text-overflow: ellipsis; + word-break: break-all; + white-space: nowrap; +} +/* 详情页公共样式 by xuyiming ~~~end */ diff --git a/src/pages/message-management/banner/banner-list.vue b/src/pages/message-management/banner/banner-list.vue index 09a61cb4e7c3b358fa050a45d70dafdc69fa2196..7effcda4f6dd55b170bbb6c522e8d55eeeabb077 100644 --- a/src/pages/message-management/banner/banner-list.vue +++ b/src/pages/message-management/banner/banner-list.vue @@ -2,6 +2,7 @@