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"> <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>

View File

@ -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');