Commit 270b68bd7b5e07f1d0c3d6a1405ecbc679d2011b
1 parent
7b40e5a5
perf: vxe img 渲染增加预览
Showing
2 changed files
with
4 additions
and
2 deletions
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/img.tsx
| @@ -11,6 +11,7 @@ VXETable.renderer.add('XImg', { | @@ -11,6 +11,7 @@ VXETable.renderer.add('XImg', { | ||
| 11 | style="width: 80px; height: 50px" | 11 | style="width: 80px; height: 50px" |
| 12 | src={row[column.field]} | 12 | src={row[column.field]} |
| 13 | key={row[column.field]} | 13 | key={row[column.field]} |
| 14 | + preview-src-list={[row[column.field]]} | ||
| 14 | fit="contain" | 15 | fit="contain" |
| 15 | lazy | 16 | lazy |
| 16 | ></ElImage> | 17 | ></ElImage> |
yudao-ui-admin-vue3/src/views/system/oauth2/client/client.data.ts
| @@ -39,8 +39,9 @@ const crudSchemas = reactive<VxeCrudSchema>({ | @@ -39,8 +39,9 @@ const crudSchemas = reactive<VxeCrudSchema>({ | ||
| 39 | title: '应用图标', | 39 | title: '应用图标', |
| 40 | field: 'logo', | 40 | field: 'logo', |
| 41 | table: { | 41 | table: { |
| 42 | - type: 'html', | ||
| 43 | - formatter: 'formatImg' | 42 | + cellRender: { |
| 43 | + name: 'XImg' | ||
| 44 | + } | ||
| 44 | } | 45 | } |
| 45 | }, | 46 | }, |
| 46 | { | 47 | { |