From 2b89158d7bf80f2c9a8a4203b4837de92837e7ca Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Mon, 19 Jan 2026 13:52:48 +0800
Subject: [PATCH] 1
---
src/components/elalert.vue | 45 ++++++++++++++++++++++-----------------------
1 files changed, 22 insertions(+), 23 deletions(-)
diff --git a/src/components/elalert.vue b/src/components/elalert.vue
index bd677ab..11a0cda 100644
--- a/src/components/elalert.vue
+++ b/src/components/elalert.vue
@@ -1,7 +1,11 @@
<!-- -->
<template>
- <el-alert v-show="alertShow" :closable="closable" :title="texts" :type="elType" center>
- </el-alert>
+ <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,10 +35,11 @@
},
//监听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)
}
}
@@ -47,32 +52,26 @@
mounted() {
},
- methods:{
+ methods: {
//定时调用父组件方法关闭弹窗
- closeAlert(){
+ closeAlert() {
//定时调用父组件方法关闭弹窗
- setTimeout(()=>{
+ setTimeout(() => {
this.$emit('closeAlert')
- },2000)
- }
-
+ }, 2000)
+ },
+
}
}
</script>
<style scoped lang="less">
/* @import url(); 引入css类 */
-/deep/.el-alert{
- width: 70%!important;
- height: 1rem!important;
- position: absolute!important;
- top: 0!important;
- bottom: 0!important;
- left: 0!important;
- right: 0!important;
- margin: auto!important;
- font-size: 0.3rem!important;
-}
-/deep/.el-alert__title{
- font-size: 0.3rem!important;
+
+
+.tit {
+ width: 1rem;
+ height: 1rem;
+ position: absolute;
+ top: 50%;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3