chore: 图标
This commit is contained in:
parent
8312d7f738
commit
d0f428da02
@ -1,6 +1,8 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { onMounted, reactive, ref } from 'vue';
|
import { onMounted, reactive, ref } from 'vue';
|
||||||
|
|
||||||
|
import { CommandLineIcon, MemoryIcon, RedisIcon } from '@vben/icons';
|
||||||
|
|
||||||
import { Button, Card, Col, Row } from 'ant-design-vue';
|
import { Button, Card, Col, Row } from 'ant-design-vue';
|
||||||
|
|
||||||
import { redisCacheInfo, type RedisInfo } from '#/api/monitor/cache';
|
import { redisCacheInfo, type RedisInfo } from '#/api/monitor/cache';
|
||||||
@ -53,7 +55,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]">
|
||||||
<span class="icon-[logos--redis]"></span>
|
<RedisIcon class="size-[16px]" />
|
||||||
<span>redis信息</span>
|
<span>redis信息</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -71,7 +73,7 @@ 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]">
|
||||||
<span class="icon-[flat-color-icons--command-line]"></span>
|
<CommandLineIcon class="size-[16px]" />
|
||||||
<span>命令统计</span>
|
<span>命令统计</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -82,7 +84,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]">
|
||||||
<span class="icon-[la--memory]"></span>
|
<MemoryIcon class="size-[16px]" />
|
||||||
<span>内存占用</span>
|
<span>内存占用</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -17,3 +17,11 @@ export const MdiPinOff = createIconifyIcon('mdi:pin-off');
|
|||||||
export const MdiMenuClose = createIconifyIcon('mdi:menu-close');
|
export const MdiMenuClose = createIconifyIcon('mdi:menu-close');
|
||||||
|
|
||||||
export const MdiMenuOpen = createIconifyIcon('mdi:menu-open');
|
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');
|
||||||
|
Loading…
Reference in New Issue
Block a user