fix(CheckinDetailPage): 允许删除上传的文件并移除冗余文件列表显示
移除注释掉的冗余文件列表显示代码,并启用上传组件的删除功能,提升用户体验
Showing
1 changed file
with
3 additions
and
3 deletions
| ... | @@ -45,10 +45,10 @@ | ... | @@ -45,10 +45,10 @@ |
| 45 | <van-uploader v-model="fileList" :max-count="maxCount" :max-size="20 * 1024 * 1024" | 45 | <van-uploader v-model="fileList" :max-count="maxCount" :max-size="20 * 1024 * 1024" |
| 46 | :before-read="beforeRead" :after-read="afterRead" @delete="onDelete" | 46 | :before-read="beforeRead" :after-read="afterRead" @delete="onDelete" |
| 47 | @click-preview="onClickPreview" multiple :accept="getAcceptType()" result-type="file" | 47 | @click-preview="onClickPreview" multiple :accept="getAcceptType()" result-type="file" |
| 48 | - :deletable="false" /> | 48 | + :deletable="true" /> |
| 49 | 49 | ||
| 50 | <!-- 文件列表显示 --> | 50 | <!-- 文件列表显示 --> |
| 51 | - <div v-if="fileList.length > 0" class="file-list"> | 51 | + <!-- <div v-if="fileList.length > 0" class="file-list"> |
| 52 | <div v-for="(item, index) in fileList" :key="index" class="file-item"> | 52 | <div v-for="(item, index) in fileList" :key="index" class="file-item"> |
| 53 | <div class="file-info" @click="previewFile(item)"> | 53 | <div class="file-info" @click="previewFile(item)"> |
| 54 | <van-icon :name="getFileIcon()" size="1rem" /> | 54 | <van-icon :name="getFileIcon()" size="1rem" /> |
| ... | @@ -57,7 +57,7 @@ | ... | @@ -57,7 +57,7 @@ |
| 57 | </div> | 57 | </div> |
| 58 | <van-icon name="clear" size="1rem" @click="delItem(item)" class="delete-icon" /> | 58 | <van-icon name="clear" size="1rem" @click="delItem(item)" class="delete-icon" /> |
| 59 | </div> | 59 | </div> |
| 60 | - </div> | 60 | + </div> --> |
| 61 | 61 | ||
| 62 | <div class="upload-tips"> | 62 | <div class="upload-tips"> |
| 63 | <div class="tip-text">最多上传{{ maxCount }}个文件,每个不超过20M</div> | 63 | <div class="tip-text">最多上传{{ maxCount }}个文件,每个不超过20M</div> | ... | ... |
-
Please register or login to post a comment