修复个人中心头像不居中的问题

web/src/view/person/person.vue

@@ -4,7 +4,9 @@
       <el-col :span="6">
         <div class="fl-left avatar-box">
           <div class="user-card">
-            <SelectImage v-model="userStore.userInfo.headerImg" />
+            <div class="header-box">
+              <SelectImage v-model="userStore.userInfo.headerImg" />
+            </div>
             <div class="user-personality">
               <p v-if="!editFlag" class="nickName">
                 {{ userStore.userInfo.nickName }}
@@ -532,4 +534,8 @@ const changeEmail = async() => {
   display: flex;
   justify-content: space-between;
 }
+.header-box{
+  display: flex;
+  justify-content: center;
+}
 </style>