fix(uploader): 修复图片拉伸样式问题 #2026

jdf2e · Feb 6, 2023 · 06c486e · 06c486e
1 parent e61eb44
commit 06c486e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/packages/__VUE/uploader/index.scss b/src/packages/__VUE/uploader/index.scss
@@ -117,6 +117,10 @@
       position: relative;
       width: $uploader-picture-width;
       height: $uploader-picture-height;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 6px;
       .close {
         position: absolute;
         right: 0;
@@ -141,8 +145,9 @@
         @include oneline-ellipsis();
       }
       &__c {
-        height: 100%;
-        width: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        border-radius: 6px;
       }
       &__file {
         height: 100%;

diff --git a/src/packages/__VUE/uploader/index.taro.vue b/src/packages/__VUE/uploader/index.taro.vue
@@ -23,6 +23,7 @@
 
         <img
           class="nut-uploader__preview-img__c"
+          mode="aspectFit"
           @click="fileItemClick(item)"
           v-if="item.type?.includes('image') && item.url"
           :src="item.url"