mirror of
https://gitee.com/dapppp/ruoyi-plus-vben5.git
synced 2026-04-03 19:53:23 +08:00
refactor(icons): 将缓存监控页面的图标替换为内联iconify离线图标
移除从@vben/icons导入的RedisIcon、CommandLineIcon和MemoryIcon组件, 改为使用内联的iconify离线图标类名。同时清理packages/icons中不再使用的图标导出, 以保持图标库的简洁性。
This commit is contained in:
@@ -4,7 +4,6 @@ import type { RedisInfo } from '#/api/monitor/cache';
|
|||||||
import { onMounted, reactive, ref } from 'vue';
|
import { onMounted, reactive, ref } from 'vue';
|
||||||
|
|
||||||
import { Page } from '@vben/common-ui';
|
import { Page } from '@vben/common-ui';
|
||||||
import { CommandLineIcon, MemoryIcon, RedisIcon } from '@vben/icons';
|
|
||||||
|
|
||||||
import { Button, Card } from 'antdv-next';
|
import { Button, Card } from 'antdv-next';
|
||||||
|
|
||||||
@@ -57,7 +56,7 @@ async function loadInfo() {
|
|||||||
<Card class="lg:col-span-2" size="small">
|
<Card class="lg:col-span-2" size="small">
|
||||||
<template #title>
|
<template #title>
|
||||||
<div class="flex items-center justify-start gap-[6px]">
|
<div class="flex items-center justify-start gap-[6px]">
|
||||||
<RedisIcon class="size-[16px]" />
|
<span class="icon-[skill-icons--redis-light] size-[16px]"></span>
|
||||||
<span>redis信息</span>
|
<span>redis信息</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -74,7 +73,9 @@ async function loadInfo() {
|
|||||||
<Card size="small">
|
<Card size="small">
|
||||||
<template #title>
|
<template #title>
|
||||||
<div class="flex items-center gap-[6px]">
|
<div class="flex items-center gap-[6px]">
|
||||||
<CommandLineIcon class="size-[16px]" />
|
<span
|
||||||
|
class="icon-[flat-color-icons--command-line] size-[16px]"
|
||||||
|
></span>
|
||||||
<span>命令统计</span>
|
<span>命令统计</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -87,7 +88,7 @@ async function loadInfo() {
|
|||||||
<Card size="small">
|
<Card size="small">
|
||||||
<template #title>
|
<template #title>
|
||||||
<div class="flex items-center justify-start gap-[6px]">
|
<div class="flex items-center justify-start gap-[6px]">
|
||||||
<MemoryIcon class="size-[16px]" />
|
<span class="icon-[la--memory] size-[16px]"></span>
|
||||||
<span>内存占用</span>
|
<span>内存占用</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -10,16 +10,13 @@ import linuxIcon from '@iconify/icons-devicon/linux';
|
|||||||
import windowsIcon from '@iconify/icons-devicon/windows8';
|
import windowsIcon from '@iconify/icons-devicon/windows8';
|
||||||
import alipayIcon from '@iconify/icons-fa-brands/alipay';
|
import alipayIcon from '@iconify/icons-fa-brands/alipay';
|
||||||
import androidIcon from '@iconify/icons-flat-color-icons/android-os';
|
import androidIcon from '@iconify/icons-flat-color-icons/android-os';
|
||||||
import comandLine from '@iconify/icons-flat-color-icons/command-line';
|
|
||||||
import folderIcon from '@iconify/icons-flat-color-icons/folder';
|
import folderIcon from '@iconify/icons-flat-color-icons/folder';
|
||||||
import defaultOsIcon from '@iconify/icons-ic/outline-computer';
|
import defaultOsIcon from '@iconify/icons-ic/outline-computer';
|
||||||
import memoryIcon from '@iconify/icons-la/memory';
|
|
||||||
import chromeIcon from '@iconify/icons-logos/chrome';
|
import chromeIcon from '@iconify/icons-logos/chrome';
|
||||||
import firefoxIcon from '@iconify/icons-logos/firefox';
|
import firefoxIcon from '@iconify/icons-logos/firefox';
|
||||||
import edgeIcon from '@iconify/icons-logos/microsoft-edge';
|
import edgeIcon from '@iconify/icons-logos/microsoft-edge';
|
||||||
import operaIcon from '@iconify/icons-logos/opera';
|
import operaIcon from '@iconify/icons-logos/opera';
|
||||||
import quarkIcon from '@iconify/icons-logos/quarkus-icon';
|
import quarkIcon from '@iconify/icons-logos/quarkus-icon';
|
||||||
import redisIcon from '@iconify/icons-logos/redis';
|
|
||||||
import safariIcon from '@iconify/icons-logos/safari';
|
import safariIcon from '@iconify/icons-logos/safari';
|
||||||
import vueIcon from '@iconify/icons-logos/vue';
|
import vueIcon from '@iconify/icons-logos/vue';
|
||||||
import iphoneIcon from '@iconify/icons-majesticons/iphone-x-apps-line';
|
import iphoneIcon from '@iconify/icons-majesticons/iphone-x-apps-line';
|
||||||
@@ -53,14 +50,6 @@ export const UserOutlined = createIconifyOfflineIcon(
|
|||||||
userOutlined,
|
userOutlined,
|
||||||
);
|
);
|
||||||
|
|
||||||
// 缓存监控使用
|
|
||||||
export const RedisIcon = createIconifyOfflineIcon('logos:redis', redisIcon);
|
|
||||||
export const CommandLineIcon = createIconifyOfflineIcon(
|
|
||||||
'flat-color-icons:command-line',
|
|
||||||
comandLine,
|
|
||||||
);
|
|
||||||
export const MemoryIcon = createIconifyOfflineIcon('la:memory', memoryIcon);
|
|
||||||
|
|
||||||
// 用户管理 导入
|
// 用户管理 导入
|
||||||
// Excel图标
|
// Excel图标
|
||||||
export const ExcelIcon = createIconifyOfflineIcon(
|
export const ExcelIcon = createIconifyOfflineIcon(
|
||||||
|
|||||||
Reference in New Issue
Block a user