From 1c05a8fa451d6bb14c76d3c8a365638400031c5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AD=A5=E5=B1=A5=E4=B8=8D=E5=81=9C?= <1873501479@qq.com>
Date: Tue, 9 Aug 2022 20:14:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=9E=E6=97=B6=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E7=95=8C=E9=9D=A2=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue              | 21 +++++++++++++++++----
 src/assets/css/index.css |  4 ++++
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 45699d1..e4f9c6e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,8 +7,6 @@
 
 <script>
 
-import { Message } from 'element-ui'
-
 export default {
   name: 'App',
   components: {
@@ -25,7 +23,15 @@ export default {
       handler(newVal, oldVal) {
         if (newVal) {
           console.log(newVal)
-          Message.warning({ message: `安检门：${newVal}掉线了` })
+          this.$notify({
+            title: '安检门掉线警告',
+            type: 'warning',
+            message: `安检门${newVal}已掉线!`,
+            offset: 200,
+            duration: 60 * 1000,
+            customClass: 'notify-warning'
+          })
+          // Message.warning({ message: `安检门：${newVal}掉线了` })
         }
       },
       deep: true
@@ -34,5 +40,12 @@ export default {
 }
 </script>
 
-<style>
+<style lang="less">
+/deep/.el-notification{
+  background-color: rgba(245, 163, 113, 0.89) !important;
+  border-radius: 0.04rem 0px 0px 0.04rem !important;
+}
+/deep/.el-notification__content {
+  color: rgb(245, 163, 113)!important;
+}
 </style>
diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index a699426..c030dc5 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -728,5 +728,9 @@ body {
 .table-wrapper .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
   background-color: rgba(30, 144, 255, 0.26) !important;
 }
+/deep/#app .el-notification{
+  background-color: rgba(245, 163, 113, 0.89) !important;
+  border-radius: 0.04rem 0px 0px 0.04rem !important;
+}
 
 
-- 
Gitee