Просмотр исходного кода

个人档案头像样式修改

cyy 2 дней назад
Родитель
Сommit
e08297c68e
1 измененных файлов с 7 добавлено и 1 удалено
  1. 7 1
      src/views/component/personnelFile/components/personnelInfo.vue

+ 7 - 1
src/views/component/personnelFile/components/personnelInfo.vue

@@ -12,7 +12,7 @@
       <div class="photoSty">
         <el-avatar
           :src="getPhoto(personInfoData.photo)"
-          fit="fit"
+          class="center-avatar"
           @error="errorHandler"
         >
           <img src="/images/common/default_user_image.jpg" />
@@ -488,6 +488,12 @@ export default {
         width: 14vh;
         border-radius: 100%;
       }
+      .center-avatar ::v-deep img {
+        object-fit: contain; /* 保持比例完整显示 */
+        object-position: center; /* 居中 */
+        width: 100%;
+        height: 100%;
+      }
     }
     .contentSty {
       height: 100%;