dev-templates/coder-common-thin-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(system): 修复文件和图片管理页面图标语法错误

Browse Source 
- 修复文件管理页面中4个图标的语法格式
- 修复图片管理页面中9个图标的语法格式
- 包含搜索、刷新、上传、删除、下载、切换视图等功能图标
- 确保文件和图片管理功能的完整图标显示
This commit is contained in:
Leo 2025-07-09 15:13:07 +08:00
parent 7b322a3da5
commit ed949fbdb3
2 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/system/file/index.vue
View File

@ -82,13 +82,13 @@
<NSpace> <NSpace>
<NButton type="primary" @click="handleSearch"> <NButton type="primary" @click="handleSearch">
<template #icon> <template #icon>
<NIcon><icon-park-outline:search /></NIcon> <NIcon><icon-park-outline-search /></NIcon>
</template> </template>
搜索 搜索
</NButton> </NButton>
<NButton @click="handleReset"> <NButton @click="handleReset">
<template #icon> <template #icon>
<NIcon><icon-park-outline:refresh /></NIcon> <NIcon><icon-park-outline-refresh /></NIcon>
</template> </template>
重置 重置
</NButton> </NButton>
@ -110,7 +110,7 @@
> >
<template #icon> <template #icon>
<NIcon class="mr-1" style="transform: translateY(-1px)"> <NIcon class="mr-1" style="transform: translateY(-1px)">
<icon-park-outline:upload /> <icon-park-outline-upload />
</NIcon> </NIcon>
</template> </template>
上传文件 上传文件
@ -125,7 +125,7 @@
> >
<template #icon> <template #icon>
<NIcon class="mr-1" style="transform: translateY(-1px)"> <NIcon class="mr-1" style="transform: translateY(-1px)">
<icon-park-outline:delete /> <IconParkOutlineDelete />
</NIcon> </NIcon>
</template> </template>
批量删除 批量删除
@ -136,7 +136,7 @@
<span>共 {{ pagination.itemCount }} 条</span> <span>共 {{ pagination.itemCount }} 条</span>
<NButton text @click="handleRefresh"> <NButton text @click="handleRefresh">
<template #icon> <template #icon>
<NIcon><icon-park-outline:refresh /></NIcon> <NIcon><icon-park-outline-refresh /></NIcon>
</template> </template>
</NButton> </NButton>
</div> </div>
@ -250,7 +250,7 @@
<div class="text-center"> <div class="text-center">
<div class="mb-3"> <div class="mb-3">
<NIcon size="48" class="text-blue-500"> <NIcon size="48" class="text-blue-500">
<icon-park-outline:upload /> <icon-park-outline-upload />
</NIcon> </NIcon>
</div> </div>
<NText class="text-base"> <NText class="text-base">
@ -313,6 +313,7 @@ import {
import type { SysFileQueryBo, SysFileSearchForm, SysFileVo } from '@/service/api/system/file' import type { SysFileQueryBo, SysFileSearchForm, SysFileVo } from '@/service/api/system/file'
import IconParkOutlineDelete from '~icons/icon-park-outline/delete' import IconParkOutlineDelete from '~icons/icon-park-outline/delete'
import IconParkOutlineDownload from '~icons/icon-park-outline/download' import IconParkOutlineDownload from '~icons/icon-park-outline/download'
import { FILE_SERVICE_DB_OPTIONS } from '@/service/api/system/file/types'
// 文件分类图标组件 // 文件分类图标组件
const StarIcon = () => h('span', { class: 'text-yellow-500' }, '✨') const StarIcon = () => h('span', { class: 'text-yellow-500' }, '✨')

22
src/views/system/picture/index.vue
View File

@ -82,13 +82,13 @@
<NSpace> <NSpace>
<NButton type="primary" @click="handleSearch"> <NButton type="primary" @click="handleSearch">
<template #icon> <template #icon>
<NIcon><icon-park-outline:search /></NIcon> <NIcon><icon-park-outline-search /></NIcon>
</template> </template>
搜索 搜索
</NButton> </NButton>
<NButton @click="handleReset"> <NButton @click="handleReset">
<template #icon> <template #icon>
<NIcon><icon-park-outline:refresh /></NIcon> <NIcon><icon-park-outline-refresh /></NIcon>
</template> </template>
重置 重置
</NButton> </NButton>
@ -110,7 +110,7 @@
> >
<template #icon> <template #icon>
<NIcon class="mr-1" style="transform: translateY(-1px)"> <NIcon class="mr-1" style="transform: translateY(-1px)">
<icon-park-outline:upload /> <icon-park-outline-upload />
</NIcon> </NIcon>
</template> </template>
上传图片 上传图片
@ -125,7 +125,7 @@
> >
<template #icon> <template #icon>
<NIcon class="mr-1" style="transform: translateY(-1px)"> <NIcon class="mr-1" style="transform: translateY(-1px)">
<icon-park-outline:delete /> <IconParkOutlineDelete />
</NIcon> </NIcon>
</template> </template>
批量删除 批量删除
@ -138,8 +138,8 @@
> >
<template #icon> <template #icon>
<NIcon class="mr-1" style="transform: translateY(-1px)"> <NIcon class="mr-1" style="transform: translateY(-1px)">
<icon-park-outline:switch v-if="viewMode === 'table'" /> <icon-park-outline-switch v-if="viewMode === 'table'" />
<icon-park-outline:list v-else /> <icon-park-outline-list v-else />
</NIcon> </NIcon>
</template> </template>
{{ viewMode === 'table' ? '图库视图' : '表格视图' }} {{ viewMode === 'table' ? '图库视图' : '表格视图' }}
@ -150,7 +150,7 @@
<span>共 {{ pagination.itemCount }} 条</span> <span>共 {{ pagination.itemCount }} 条</span>
<NButton text @click="handleRefresh"> <NButton text @click="handleRefresh">
<template #icon> <template #icon>
<NIcon><icon-park-outline:refresh /></NIcon> <NIcon><icon-park-outline-refresh /></NIcon>
</template> </template>
</NButton> </NButton>
</div> </div>
@ -219,7 +219,7 @@
> >
<template #icon> <template #icon>
<NIcon size="12"> <NIcon size="12">
<icon-park-outline:download /> <IconParkOutlineDownload />
</NIcon> </NIcon>
</template> </template>
</NButton> </NButton>
@ -233,7 +233,7 @@
> >
<template #icon> <template #icon>
<NIcon size="12"> <NIcon size="12">
<icon-park-outline:delete /> <IconParkOutlineDelete />
</NIcon> </NIcon>
</template> </template>
</NButton> </NButton>
@ -280,7 +280,7 @@
> >
<template #icon> <template #icon>
<NIcon> <NIcon>
<icon-park-outline:plus /> <icon-park-outline-plus />
</NIcon> </NIcon>
</template> </template>
上传图片 上传图片
@ -376,7 +376,7 @@
<div class="text-center"> <div class="text-center">
<div class="mb-3"> <div class="mb-3">
<NIcon size="48" class="text-blue-500"> <NIcon size="48" class="text-blue-500">
<icon-park-outline:camera /> <icon-park-outline-camera />
</NIcon> </NIcon>
</div> </div>
<NText class="text-base"> <NText class="text-base">