fix: 统一单选删除弹框的按钮样式
This commit is contained in:
@@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -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 => {
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
Reference in New Issue
Block a user