From 6d3edff5b607da3f042e74b15bc8c4001e41051e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A9=99=E5=AD=90?= <454313500@qq.com>
Date: Sun, 5 Mar 2023 23:48:07 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=B7=BB=E5=8A=A0=E5=A4=B4?=
 =?UTF-8?q?=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.BBS.Vue3/src/components/AvatarInfo.vue | 30 +++++++++++++++++++++++
 Yi.BBS.Vue3/src/views/Article.vue         |  6 +++--
 2 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 Yi.BBS.Vue3/src/components/AvatarInfo.vue

diff --git a/Yi.BBS.Vue3/src/components/AvatarInfo.vue b/Yi.BBS.Vue3/src/components/AvatarInfo.vue
new file mode 100644
index 00000000..be51fe56
--- /dev/null
+++ b/Yi.BBS.Vue3/src/components/AvatarInfo.vue
@@ -0,0 +1,30 @@
+<template >
+
+<div class="avatar">
+    <el-avatar :size="props.size" />
+
+
+    <div>
+       <div> 大白子</div>
+       <div class="remarks"> 2022-03-05 23:33:20</div>
+    </div>
+</div>
+</template>
+<script setup>
+const props = defineProps(['size'])
+</script>
+<style scoped>
+.avatar
+{
+    display: flex;
+}
+.el-avatar
+{
+    margin-right: 1.2rem;
+}
+.remarks
+{
+    padding-top: 0.5rem;
+    color: #8C8C8C;
+}
+</style>
\ No newline at end of file
diff --git a/Yi.BBS.Vue3/src/views/Article.vue b/Yi.BBS.Vue3/src/views/Article.vue
index 1eb9cd21..445bf482 100644
--- a/Yi.BBS.Vue3/src/views/Article.vue
+++ b/Yi.BBS.Vue3/src/views/Article.vue
@@ -3,8 +3,9 @@
         <el-col :span="17">
 
             <el-row class="left-div">
-                <el-col :span="24">
-                    作者信息
+                <el-col :span="24" >
+                   <AvatarInfo :size="50"></AvatarInfo>
+
                     <el-divider />
                     <h2>面试题挑战</h2>
                     文章详情
@@ -51,6 +52,7 @@
 </template>
 <script setup>
 import { h, ref } from 'vue'
+import AvatarInfo from '@/components/AvatarInfo.vue'
 const spacer = h(ElDivider, { direction: 'vertical' })
 </script>
 <style scoped >