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>

View File

@@ -13,19 +13,6 @@ declare module 'vue' {
CardFlipActivity: typeof import('./../src/components/userPersonalCenter/components/CardFlipActivity.vue')['default']
DailyTask: typeof import('./../src/components/userPersonalCenter/components/DailyTask.vue')['default']
DeepThinking: typeof import('./../src/components/DeepThinking/index.vue')['default']
ElAlert: typeof import('element-plus/es')['ElAlert']
ElButton: typeof import('element-plus/es')['ElButton']
ElCard: typeof import('element-plus/es')['ElCard']
ElCollapse: typeof import('element-plus/es')['ElCollapse']
ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
ElDialog: typeof import('element-plus/es')['ElDialog']
ElDivider: typeof import('element-plus/es')['ElDivider']
ElEmpty: typeof import('element-plus/es')['ElEmpty']
ElIcon: typeof import('element-plus/es')['ElIcon']
ElImage: typeof import('element-plus/es')['ElImage']
ElTag: typeof import('element-plus/es')['ElTag']
FilesSelect: typeof import('./../src/components/FilesSelect/index.vue')['default']
IconSelect: typeof import('./../src/components/IconSelect/index.vue')['default']
Indexl: typeof import('./../src/components/SupportModelProducts/indexl.vue')['default']
@@ -52,7 +39,4 @@ declare module 'vue' {
VerificationCode: typeof import('./../src/components/LoginDialog/components/FormLogin/VerificationCode.vue')['default']
WelecomeText: typeof import('./../src/components/WelecomeText/index.vue')['default']
}
export interface GlobalDirectives {
vLoading: typeof import('element-plus/es')['ElLoadingDirective']
}
}