ソースを参照

添加监听删除图片方法 以及可以自定义padding属性

xiaohaizhao 2 年 前
コミット
8884ea8440

+ 9 - 1
components/Yl_Files/index.js

@@ -16,6 +16,13 @@ Component({
         },
         delete: {
             type: Boolean
+        },
+        onDeteleFiles: {
+            type: Function
+        },
+        padding: {
+            type: String,
+            value: '0 30rpx'
         }
     },
     methods: {
@@ -93,7 +100,8 @@ Component({
                 this.setData({
                     files
                 });
-            })
+                this.triggerEvent("onDeteleFiles", this.getFiles())
+            });
         },
         /* 处理附件 */
         handleFiles(arr, init = false) {

+ 0 - 1
components/Yl_Files/index.scss

@@ -3,7 +3,6 @@
     display: flex;
     flex-wrap: wrap;
     margin-top: 20rpx;
-    padding: 0 30rpx;
     box-sizing: border-box;
 
     .item {

+ 1 - 1
components/Yl_Files/index.wxml

@@ -1,4 +1,4 @@
-<view class="media">
+<view class="media" style="padding:{{padding}};">
     <!-- 图片 -->
     <navigator url="#" class="item" wx:for="{{files.images}}" wx:key="attachmentid">
         <image src="{{item.url}}" data-index="{{index}}" data-type='image' mode="aspectFill" bindtap="viewMedias" />