init

src/views/cai/userForbidLog/index.vue

@@ -45,9 +45,9 @@
       </el-table-column>
       <el-table-column label="封号对象" align="center" prop="member" >
         <template v-slot="scope">
-          <span v-if="scope.row.type === 1">
+          <div class="context-avatar-center" v-if="scope.row.type === 1">
             {{scope.row.nickname}}【{{scope.row.member}}】<image-avatar :src="scope.row.avatar"/>
-          </span>
+          </div>
           <span v-if="scope.row.type !== 1">
             {{scope.row.member}}
           </span>
@@ -137,3 +137,10 @@ export default {
   }
 };
 </script>
+<style lang="scss" scoped>
+  .context-avatar-center {
+    display: flex;
+    align-items: center; /* 垂直居中 */
+    justify-content: center; /* 水平居中 */
+  }
+</style>