From 99bee3a2365cb7def3081cc9c60add547b32328b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E4=B8=83=E5=B9=B4=E5=A4=8F?= <2098833867@qq.com>
Date: Wed, 30 Aug 2023 10:43:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0Navbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../default/app-main/component/Avatar.vue     | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/src/layout/default/app-main/component/Avatar.vue b/src/layout/default/app-main/component/Avatar.vue
index b8de001..8c936b5 100644
--- a/src/layout/default/app-main/component/Avatar.vue
+++ b/src/layout/default/app-main/component/Avatar.vue
@@ -25,4 +25,37 @@ const { settings, sidebar, userInfo } = basicStore
 const online = toRef(basicStore, 'online')
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+//logo
+.avatar-wrapper {
+  margin-top: 5px;
+  position: relative;
+  cursor: pointer;
+
+  .user-avatar {
+    cursor: pointer;
+    width: 40px;
+    height: 40px;
+    border-radius: 10px;
+  }
+
+  .user-avatar-status {
+    position: absolute;
+    right: -2px;
+    bottom: 0;
+    height: 10px;
+    width: 10px;
+    border-radius: 50%;
+    background-color: #55e802;
+    box-shadow: 0 0 3px black;
+  }
+
+  .el-icon-caret-bottom {
+    cursor: pointer;
+    position: absolute;
+    right: -20px;
+    top: 25px;
+    font-size: 12px;
+  }
+}
+</style>