From 9ca581cca97e9ba95ff808f6b7a08c24a4758dbf Mon Sep 17 00:00:00 2001
From: DESKTOP-CVS3R96\我恁爹 <11>
Date: Fri, 11 Nov 2022 09:55:52 +0800
Subject: [PATCH] 9.55
---
src/components/elalert.vue | 25 +++++++++++++++++++------
1 files changed, 19 insertions(+), 6 deletions(-)
diff --git a/src/components/elalert.vue b/src/components/elalert.vue
index bd677ab..82a2d5e 100644
--- a/src/components/elalert.vue
+++ b/src/components/elalert.vue
@@ -1,7 +1,10 @@
<!-- -->
<template>
- <el-alert v-show="alertShow" :closable="closable" :title="texts" :type="elType" center>
+ <div v-if="$store.state.elAlertShow">
+ <el-alert :closable="closable" :title="$store.state.elAlertText" :type="$store.state.elAlertType" center style="z-index:99999999999999999;position: fixed;top: 0;bottom: 0;margin: auto;">
</el-alert>
+ </div>
+
</template>
<script>
@@ -31,21 +34,22 @@
},
//监听alertShow变成true时，2秒后自动关闭
watch: {
- alertShow: function (val) {
+ // 监听vuex中的elAlertShow变化
+ '$store.state.elAlertShow': function (val) {
if (val) {
setTimeout(() => {
- this.$emit('closeAlert')
+ this.$store.commit('elAlertShow', {'elAlertShow':false});
}, 2000)
}
}
},
//生命周期 - 创建完成（访问当前this实例）
created() {
-
+
},
//生命周期 - 挂载完成（访问DOM元素）
mounted() {
-
+
},
methods:{
//定时调用父组件方法关闭弹窗
@@ -54,7 +58,7 @@
setTimeout(()=>{
this.$emit('closeAlert')
},2000)
- }
+ },
}
}
@@ -75,4 +79,13 @@
/deep/.el-alert__title{
font-size: 0.3rem!important;
}
+/deep/.el-icon-close::before{
+ display: none;
+}
+.tit {
+ width: 1rem;
+ height: 1rem;
+ position: absolute;
+ top: 50%;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3