fix: 图标显示优化

This commit is contained in:
Gsh
2025-12-05 23:32:59 +08:00
parent 8d0411f1f4
commit bfda33280a
2 changed files with 9 additions and 24 deletions

View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { Check, Close, Delete, DocumentCopy, Edit, Hide, Key, Plus, Refresh, View } from '@element-plus/icons-vue';
import { Check, CircleCheck, CircleClose, Close, Delete, DocumentCopy, Edit, Files, Hide, Key, Plus, PriceTag, Reading, Refresh, Timer, View } from '@element-plus/icons-vue';
import { ElMessage, ElMessageBox } from 'element-plus';
import { computed, onMounted, ref } from 'vue';
import { useRouter } from 'vue-router';
@@ -362,7 +362,7 @@ onMounted(async () => {
</div>
<div class="header-right">
<el-tag v-if="totalCount > 0" type="primary" size="large" class="count-tag" effect="light">
<el-icon><i-ep-files /></el-icon>
<el-icon><Files /></el-icon>
<span class="count-number">{{ totalCount }}</span>
</el-tag>
</div>
@@ -408,7 +408,7 @@ onMounted(async () => {
<div class="name-cell">
<div class="name-icon-bg">
<el-icon class="name-icon">
<i-ep-price-tag />
<PriceTag />
</el-icon>
</div>
<span class="name-text">{{ row.name }}</span>
@@ -493,12 +493,12 @@ onMounted(async () => {
<template #default="{ row }">
<div v-if="row.expireTime" class="time-cell">
<el-icon class="time-icon">
<i-ep-timer />
<Timer />
</el-icon>
<span>{{ formatDateTime(row.expireTime) }}</span>
</div>
<el-tag v-else type="success" size="default" effect="light" class="never-expire-tag">
<el-icon><i-ep-circle-check /></el-icon>
<el-icon><CircleCheck /></el-icon>
永不过期
</el-tag>
</template>
@@ -521,8 +521,9 @@ onMounted(async () => {
class="status-tag"
>
<el-icon>
<i-ep-circle-close v-if="row.isDisabled" />
<i-ep-circle-check v-else />
<CircleClose v-if="row.isDisabled" />
<CircleCheck v-else />
</el-icon>
{{ row.isDisabled ? '已禁用' : '已启用' }}
</el-tag>
@@ -618,7 +619,7 @@ onMounted(async () => {
<div class="guide-header">
<div class="guide-icon-wrapper">
<el-icon class="guide-icon">
<i-ep-reading />
<Reading />
</el-icon>
</div>
<span class="guide-title">使用说明</span>