feat: 添加用户头像

src/components/common/UserAvatar/index.vue

@@ -0,0 +1,23 @@
+<script setup lang='ts'>
+
+</script>
+
+<template>
+  <div class="flex items-center">
+    <div class="w-10 h-10 overflow-hidden rounded-full">
+      <img class="object-cover" src="@/assets/avatar.jpg" alt="avatar">
+    </div>
+    <div class="ml-2">
+      <h2 class="text-sm font-bold">
+        Redon
+      </h2>
+      <p class="text-xs text-gray-500">
+        #0827
+      </p>
+    </div>
+  </div>
+</template>
+
+<style>
+
+</style>

src/components/common/index.ts

@@ -1,5 +1,6 @@
 import HoverButton from './HoverButton/index.vue'
 import NaiveProvider from './NaiveProvider/index.vue'
 import SvgIcon from './SvgIcon/index.vue'
+import UserAvatar from './UserAvatar/index.vue'
 
-export { HoverButton, NaiveProvider, SvgIcon }
+export { HoverButton, NaiveProvider, SvgIcon, UserAvatar }