style update

src/layout/components/header.vue

@@ -33,7 +33,11 @@
                 <template #content>
                     <Friend />
                 </template>
-                <span>好友</span>
+                <span class="friendIcon">
+                    <svg class="icon svg-icon" aria-hidden="true">
+                        <use xlink:href="#icon-pengyou1" />
+                    </svg>
+                </span>
             </a-popover>
         </div>
         <div class="news-container">
@@ -155,3 +159,12 @@ export default defineComponent({
     },
 });
 </script>
+<style lang="less">
+.friendIcon {
+    .icon {
+        font-size: 20px;
+        line-height: 32px;
+        margin: 6px 5px;
+    }
+}
+</style>