fix: 统一单选删除弹框的按钮样式

This commit is contained in:
刘洪洪
2024-04-12 16:19:55 +08:00
parent 6dc3ab1058
commit 858b85b023
6 changed files with 31 additions and 0 deletions

View File

@@ -12,6 +12,7 @@
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--el-color-business-light-2); background-color: var(--el-color-business-light-2);
} }
&:focus:not(:disabled) { &:focus:not(:disabled) {
background-color: var(--el-color-business-dark-1); background-color: var(--el-color-business-dark-1);
} }
@@ -24,6 +25,7 @@
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--el-fill-color); background-color: var(--el-fill-color);
} }
&:focus:not(:disabled) { &:focus:not(:disabled) {
background-color: var(--el-fill-color-darker); background-color: var(--el-fill-color-darker);
} }
@@ -34,3 +36,27 @@
opacity: 0.66; opacity: 0.66;
} }
} }
//单个删除弹框messageBox的底部按钮样式。应用场景administration下顶部工具栏的删除按钮
.single-del-model {
.el-message-box__btns {
.el-button:nth-child(1) {
width: 80px;
height: 28px;
margin-right: 20px;
color: var(--el-text-color-primary);
background: var(--el-fill-color-light);
border: 1px solid var(--el-border-color-dark);
border-radius: 2px;
}
.el-button:nth-child(2) {
width: 80px;
height: 28px;
margin-right: 20px;
margin-left: 0 !important;
background-color: var(--el-color-business);
border-color: var(--el-color-business-dark-2);
}
}
}

View File

@@ -649,6 +649,7 @@ export default {
this.$confirm(this.$t('tip.confirmDelete'), { this.$confirm(this.$t('tip.confirmDelete'), {
confirmButtonText: this.$t('tip.yes'), confirmButtonText: this.$t('tip.yes'),
cancelButtonText: this.$t('tip.no'), cancelButtonText: this.$t('tip.no'),
customClass: 'single-del-model',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
axios.delete(api.reportJob + '?ids=' + row.id).then(response => { axios.delete(api.reportJob + '?ids=' + row.id).then(response => {

View File

@@ -167,6 +167,7 @@ export default {
this.$confirm(this.$t('tip.confirmDelete'), { this.$confirm(this.$t('tip.confirmDelete'), {
confirmButtonText: this.$t('tip.yes'), confirmButtonText: this.$t('tip.yes'),
cancelButtonText: this.$t('tip.no'), cancelButtonText: this.$t('tip.no'),
customClass: 'single-del-model',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
this.toggleLoading(true) this.toggleLoading(true)

View File

@@ -296,6 +296,7 @@ export default {
this.$confirm(this.$t('tip.confirmDelete'), { this.$confirm(this.$t('tip.confirmDelete'), {
confirmButtonText: this.$t('tip.yes'), confirmButtonText: this.$t('tip.yes'),
cancelButtonText: this.$t('tip.no'), cancelButtonText: this.$t('tip.no'),
customClass: 'single-del-model',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
this.toggleLoading(true) this.toggleLoading(true)

View File

@@ -342,6 +342,7 @@ export default {
this.$confirm(this.$t('tip.confirmDelete'), { this.$confirm(this.$t('tip.confirmDelete'), {
confirmButtonText: this.$t('tip.yes'), confirmButtonText: this.$t('tip.yes'),
cancelButtonText: this.$t('tip.no'), cancelButtonText: this.$t('tip.no'),
customClass: 'single-del-model',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
this.toggleLoading(true) this.toggleLoading(true)

View File

@@ -186,6 +186,7 @@ export default {
this.$confirm(this.$t('tip.confirmDelete'), { this.$confirm(this.$t('tip.confirmDelete'), {
confirmButtonText: this.$t('tip.yes'), confirmButtonText: this.$t('tip.yes'),
cancelButtonText: this.$t('tip.no'), cancelButtonText: this.$t('tip.no'),
customClass: 'single-del-model',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
this.toggleLoading(true) this.toggleLoading(true)