fix(upload): close button overflow (#2449)

Tencent · Dec 4, 2023 · 1e379a0 · 1e379a0
1 parent 8d5429d
commit 1e379a0
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/src/upload/__test__/index.test.js b/src/upload/__test__/index.test.js
@@ -157,7 +157,7 @@ describe('upload', () => {
 
       // gridConfig: width、 height
       expect($gridItemWrapper.dom.getAttribute('style')).toEqual(
-        `align-self:flex-end;width:${comp.data.gridConfig.width}px;height:${comp.data.gridConfig.height}px`,
+        `width:${comp.data.gridConfig.width}px;height:${comp.data.gridConfig.height}px`,
       );
 
       // gridConfig: column

diff --git a/src/upload/upload.ts b/src/upload/upload.ts
@@ -128,7 +128,7 @@ export default class Upload extends SuperComponent {
     if (!isObject(gridConfig)) gridConfig = {};
     const { column = 4, width = 160, height = 160 } = gridConfig as any;
     this.setData({
-      gridItemStyle: `align-self:flex-end;width:${width}rpx;height:${height}rpx`,
+      gridItemStyle: `width:${width}rpx;height:${height}rpx`,
       column: column,
     });
   }

diff --git a/src/upload/upload.wxml b/src/upload/upload.wxml
@@ -61,17 +61,17 @@
             {{file.status == 'reload' ? '重新上传' : '上传失败'}}
           </view>
         </view>
-      </view>
 
-      <!-- 删除 -->
-      <view
-        class="{{classPrefix}}__close-btn hotspot-expanded"
-        bindtap="onDelete"
-        data-index="{{index}}"
-        aria-role="button"
-        aria-label="删除"
-      >
-        <t-icon name="close" size="16" color="#fff" />
+        <!-- 删除 -->
+        <view
+          class="{{classPrefix}}__close-btn hotspot-expanded"
+          bindtap="onDelete"
+          data-index="{{index}}"
+          aria-role="button"
+          aria-label="删除"
+        >
+          <t-icon name="close" size="16" color="#fff" />
+        </view>
       </view>
     </t-grid-item>