chore: 图标

This commit is contained in:
dap 2024-08-07 16:36:30 +08:00
parent 8312d7f738
commit d0f428da02
2 changed files with 13 additions and 3 deletions

View File

@ -1,6 +1,8 @@
<script setup lang="ts">
import { onMounted, reactive, ref } from 'vue';
import { CommandLineIcon, MemoryIcon, RedisIcon } from '@vben/icons';
import { Button, Card, Col, Row } from 'ant-design-vue';
import { redisCacheInfo, type RedisInfo } from '#/api/monitor/cache';
@ -53,7 +55,7 @@ async function loadInfo() {
<Card size="small">
<template #title>
<div class="flex items-center justify-start gap-[6px]">
<span class="icon-[logos--redis]"></span>
<RedisIcon class="size-[16px]" />
<span>redis信息</span>
</div>
</template>
@ -71,7 +73,7 @@ async function loadInfo() {
<Card size="small">
<template #title>
<div class="flex items-center gap-[6px]">
<span class="icon-[flat-color-icons--command-line]"></span>
<CommandLineIcon class="size-[16px]" />
<span>命令统计</span>
</div>
</template>
@ -82,7 +84,7 @@ async function loadInfo() {
<Card size="small">
<template #title>
<div class="flex items-center justify-start gap-[6px]">
<span class="icon-[la--memory]"></span>
<MemoryIcon class="size-[16px]" />
<span>内存占用</span>
</div>
</template>

View File

@ -17,3 +17,11 @@ export const MdiPinOff = createIconifyIcon('mdi:pin-off');
export const MdiMenuClose = createIconifyIcon('mdi:menu-close');
export const MdiMenuOpen = createIconifyIcon('mdi:menu-open');
export const EosSystem = createIconifyIcon('eos-icons:system-group');
// 缓存监控使用
export const RedisIcon = createIconifyIcon('logos:redis');
export const CommandLineIcon = createIconifyIcon(
'flat-color-icons:command-line',
);
export const MemoryIcon = createIconifyIcon('la:memory');