diff --git a/src/assets/css/common/index.scss b/src/assets/css/common/index.scss index 5ca508e3..123a1dc4 100644 --- a/src/assets/css/common/index.scss +++ b/src/assets/css/common/index.scss @@ -15,3 +15,98 @@ .data-column__span { font-weight: bold; } +// confirm弹框样式 +.del-model { + &.el-message-box { + max-width: 480px !important; + } + padding: 0 !important; + width: 480px !important; + height: 190px; + + .el-message-box__header { + display: flex; + flex-direction: row; + border-bottom: 1px solid #eee; + height: 42px; + background: var(--el-color-info-light-9); + padding-left: 21px; + padding-top: 10px; + padding-bottom: 14px; + + .el-message-box__headerbtn { + display: flex !important; + flex-direction: row-reverse; + justify-content: center; + align-items: center; + font-size: 10px; + line-height: 10px; + padding-right: 10px !important; + + i { + width: 10px; + height: 10px; + } + } + + .el-message-box__title { + font-size: 14px !important; + color: var(--el-text-color-primary); + letter-spacing: 0; + } + } + + .el-message-box__content { + height: 96px; + font-size: 14px; + color: var(--el-text-color-primary); + letter-spacing: 0; + line-height: 22px; + padding-top: 9px; + padding-right: 20px; + padding-left: 21px; + + .el-message-box__message { + padding-left: 0 !important; + padding-right: 0 !important; + } + } + + .el-message-box__btns { + height: 52px; + border-top: 1px solid var(--el-border-color-light); + padding: 13px 1px 12px 0; + + .el-button { + font-size: 12px; + border-radius: 2px; + width: 72px; + height: 28px; + margin-right: 20px; + } + + .el-button:nth-child(1) { + color: var(--el-text-color-primary); + border-color: var(--el-color-info-light-7); + + &:hover { + background-color: var(--el-fill-color); + } + &:focus { + background-color: var(--el-fill-color-darker); + } + } + + .el-button:nth-child(2) { + background-color: var(--el-color-business); + border-color: var(--el-color-business-dark-2); + + &:hover { + background-color: var(--el-color-business-light-2); + } + &:focus { + background-color: var(--el-color-business-dark-1); + } + } + } +} diff --git a/src/views/tag/TagForm.vue b/src/views/tag/TagForm.vue index cad9f7dc..153fb0e9 100644 --- a/src/views/tag/TagForm.vue +++ b/src/views/tag/TagForm.vue @@ -23,7 +23,7 @@ :class="(!!editObject.id || (uploaded && !importedDataNoData)) ? 'form-select__disable' : 'form-select__enable'" placeholder=" " popper-class="form-select-popper" - :disabled="!!editObject.id || (uploaded && !importedDataNoData)" + :disabled="!!editObject.id" >