Hooke / data-table

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
c2e14a5e 1 parent c2729a91

fix

Inline Side-by-side
Showing 1 changed file with 7 additions and 7 deletions
1 <!-- 1 <!--
2 * @Date: 2022-08-31 16:16:49 2 * @Date: 2022-08-31 16:16:49
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-12-30 12:46:21 4 + * @LastEditTime: 2022-12-30 12:58:48
5 * @FilePath: /data-table/src/components/FileUploaderField/index.vue 5 * @FilePath: /data-table/src/components/FileUploaderField/index.vue
6 * @Description: 文件上传控件 6 * @Description: 文件上传控件
7 --> 7 -->
...@@ -19,15 +19,15 @@ ...@@ -19,15 +19,15 @@
19 </div> 19 </div>
20 <div> 20 <div>
21 <p 21 <p
22 - v-for="file in fileList" 22 + v-for="(file, index) in fileList"
23 :key="index" 23 :key="index"
24 style="padding-left: 1rem; margin-bottom: 0.5rem" 24 style="padding-left: 1rem; margin-bottom: 0.5rem"
25 > 25 >
26 - <span style="font-size: 1rem">{{ file.filename }} {{ (file.size / 1024 / 1024).toFixed(2) }}MB</span 26 + <p style="font-size: 1rem; word-break: break-all; margin-right: 0.75rem;">
27 - >&nbsp;&nbsp; 27 + <span>{{ index + 1 }}.&nbsp;{{ file.filename }}&nbsp;&nbsp;{{ (file.size / 1024 / 1024).toFixed(2) }}MB</span>
28 - <span style="color: #e32525; font-size: 0.85rem" @click="beforeDelete(file)" 28 + &nbsp;&nbsp;
29 - >移除</span 29 + <span style="color: #e32525; font-size: 0.85rem" @click="beforeDelete(file)">移除</span>
30 - > 30 + </p>
31 </p> 31 </p>
32 </div> 32 </div>
33 <div style="padding: 1rem"> 33 <div style="padding: 1rem">
......