no message

app.vue

@@ -9,7 +9,7 @@
     </div>
 </template>
 
-<style>
+<style lang="less">
 * {
     margin: 0;
     padding: 0;
@@ -87,4 +87,55 @@ a {
 *::-moz-scrollbar-thumb:hover {
     background-color: #666;
 }
+
+header.page-header .box .tab-list .item.pitch {
+    color: #72db86 !important;
+}
+
+header.page-header .box .tab-list .item.pitch:after {
+    background-color: #72db86 !important;
+}
+
+.avatar-box {
+    flex-direction: column;
+    height: 101px;
+    background-color: rgba(244, 248, 255, 1);
+    border: 1px solid rgba(220, 224, 234, 1);
+    border-radius: 10px;
+    z-index: 100;
+
+    .avatar-mask {
+        width: 100%;
+        height: 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        z-index: -1;
+        cursor: auto;
+    }
+
+    .avatar-item {
+        font-size: 14px;
+        color: #333;
+        height: 50px;
+        cursor: pointer;
+
+        &:not(:last-of-type) {
+            border-bottom: 1px dotted #d7d7d7;
+        }
+    }
+
+    .avatar-icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 5px;
+    }
+}
+
+.el-popover.el-popper.avatar-box-popper {
+    min-width: 140px;
+    padding: 0;
+    border-radius: 10px;
+    border: none;
+}
 </style>