From e4be5ba9eea9fe8408f3a7048a315b3767b33f49 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 23 二月 2024 09:54:38 +0800
Subject: [PATCH] mrshi
---
company/src/components/common/UploadAvatarImage.vue | 10 ++++------
1 files changed, 4 insertions(+), 6 deletions(-)
diff --git a/company/src/components/common/UploadAvatarImage.vue b/company/src/components/common/UploadAvatarImage.vue
index 006c06c..7d5ddae 100644
--- a/company/src/components/common/UploadAvatarImage.vue
+++ b/company/src/components/common/UploadAvatarImage.vue
@@ -10,7 +10,7 @@
:on-success="handleAvatarSuccess"
:on-error="uploadError"
:before-upload="beforeAvatarUpload">
- <img v-if=" file.imgurlfull" :src="file.imgurlfull" :style="customStyle" class="avatar">
+ <img v-if=" file.imgurlfull" style="width: 100%;" :src="file.imgurlfull" :style="customStyle" class="avatar">
<div v-else :style="customStyle">
<i class="el-icon-plus avatar-uploader-icon"></i>
<div class="tips-style">{{ tipsLabel }}</div>
@@ -68,7 +68,7 @@
</script>
<style lang="scss" scoped>
-$image-width: 100px;
+$image-width: 90px;
.avatar-uploader {
width: $image-width;
height: $image-width;
@@ -78,8 +78,6 @@
border-radius: 6px;
cursor: pointer;
position: relative;
- width: $image-width;
- height: $image-width;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
@@ -94,8 +92,8 @@
text-align: center;
}
.avatar {
- width: $image-width;
- height: $image-width;
+ width: 100% !important;
+ height: auto !important;
display: block;
}
.tips-style {
--
Gitblit v1.9.3