.

src/views/PlayView.vue

@@ -70,11 +70,21 @@
         <ElCollapse :model-value="['1', '2']">
             <ElCollapseItem title="角色信息" name="1">
                 <ElTable :data="detail.charactors" size="small">
+                    <ElTableColumn prop="avatar" label="头像" width="50">
+                        <template #default="{ row }">
+                            <ElImage
+                                :src="row.avatar"
+                                fit="cover"
+                                :preview-src-list="[row.avatar]"
+                                style="width: 30px; height: 30px"
+                            ></ElImage>
+                        </template>
+                    </ElTableColumn>
                     <ElTableColumn prop="name" label="角色名称" width="80"></ElTableColumn>
                     <ElTableColumn prop="gender" label="性别" width="45" align="center"></ElTableColumn>
                     <ElTableColumn prop="age" label="年龄" width="45" align="center"></ElTableColumn>
                     <ElTableColumn prop="occupation" label="职业" width="80" show-overflow-tooltip></ElTableColumn>
-                    <ElTableColumn prop="personality" label="性格"></ElTableColumn>
+                    <ElTableColumn prop="personality" label="性格" show-overflow-tooltip></ElTableColumn>
                     <ElTableColumn prop="background" label="背景" show-overflow-tooltip></ElTableColumn>
                     <ElTableColumn prop="hp" label="生命值" width="55" align="center"></ElTableColumn>
                     <ElTableColumn prop="status" label="状态" width="45" align="center">