소스 검색

perf: vxe img 渲染增加预览

xingyu4j 2 년 전
부모
커밋
270b68bd7b
2개의 변경된 파일4개의 추가작업 그리고 2개의 파일을 삭제
  1. 1 0
      yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/img.tsx
  2. 3 2
      yudao-ui-admin-vue3/src/views/system/oauth2/client/client.data.ts

+ 1 - 0
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/img.tsx

@@ -11,6 +11,7 @@ VXETable.renderer.add('XImg', {
         style="width: 80px; height: 50px"
         src={row[column.field]}
         key={row[column.field]}
+        preview-src-list={[row[column.field]]}
         fit="contain"
         lazy
       ></ElImage>

+ 3 - 2
yudao-ui-admin-vue3/src/views/system/oauth2/client/client.data.ts

@@ -39,8 +39,9 @@ const crudSchemas = reactive<VxeCrudSchema>({
       title: '应用图标',
       field: 'logo',
       table: {
-        type: 'html',
-        formatter: 'formatImg'
+        cellRender: {
+          name: 'XImg'
+        }
       }
     },
     {