mirror of
https://gitee.com/dapppp/ruoyi-plus-vben5.git
synced 2026-03-08 07:31:09 +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 { Page } from '@vben/common-ui';
|
||||
import { CommandLineIcon, MemoryIcon, RedisIcon } from '@vben/icons';
|
||||
|
||||
import { Button, Card } from 'antdv-next';
|
||||
|
||||
@@ -57,7 +56,7 @@ async function loadInfo() {
|
||||
<Card class="lg:col-span-2" size="small">
|
||||
<template #title>
|
||||
<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>
|
||||
</div>
|
||||
</template>
|
||||
@@ -74,7 +73,9 @@ async function loadInfo() {
|
||||
<Card size="small">
|
||||
<template #title>
|
||||
<div class="flex items-center gap-[6px]">
|
||||
<CommandLineIcon class="size-[16px]" />
|
||||
<span
|
||||
class="icon-[flat-color-icons--command-line] size-[16px]"
|
||||
></span>
|
||||
<span>命令统计</span>
|
||||
</div>
|
||||
</template>
|
||||
@@ -87,7 +88,7 @@ async function loadInfo() {
|
||||
<Card size="small">
|
||||
<template #title>
|
||||
<div class="flex items-center justify-start gap-[6px]">
|
||||
<MemoryIcon class="size-[16px]" />
|
||||
<span class="icon-[la--memory] size-[16px]"></span>
|
||||
<span>内存占用</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -10,16 +10,13 @@ import linuxIcon from '@iconify/icons-devicon/linux';
|
||||
import windowsIcon from '@iconify/icons-devicon/windows8';
|
||||
import alipayIcon from '@iconify/icons-fa-brands/alipay';
|
||||
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 defaultOsIcon from '@iconify/icons-ic/outline-computer';
|
||||
import memoryIcon from '@iconify/icons-la/memory';
|
||||
import chromeIcon from '@iconify/icons-logos/chrome';
|
||||
import firefoxIcon from '@iconify/icons-logos/firefox';
|
||||
import edgeIcon from '@iconify/icons-logos/microsoft-edge';
|
||||
import operaIcon from '@iconify/icons-logos/opera';
|
||||
import quarkIcon from '@iconify/icons-logos/quarkus-icon';
|
||||
import redisIcon from '@iconify/icons-logos/redis';
|
||||
import safariIcon from '@iconify/icons-logos/safari';
|
||||
import vueIcon from '@iconify/icons-logos/vue';
|
||||
import iphoneIcon from '@iconify/icons-majesticons/iphone-x-apps-line';
|
||||
@@ -53,14 +50,6 @@ export const UserOutlined = createIconifyOfflineIcon(
|
||||
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图标
|
||||
export const ExcelIcon = createIconifyOfflineIcon(
|
||||
|
||||
Reference in New Issue
Block a user