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> <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 { ElMessage, ElMessageBox } from 'element-plus';
import { computed, onMounted, ref } from 'vue'; import { computed, onMounted, ref } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
@@ -362,7 +362,7 @@ onMounted(async () => {
</div> </div>
<div class="header-right"> <div class="header-right">
<el-tag v-if="totalCount > 0" type="primary" size="large" class="count-tag" effect="light"> <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> <span class="count-number">{{ totalCount }}</span>
</el-tag> </el-tag>
</div> </div>
@@ -408,7 +408,7 @@ onMounted(async () => {
<div class="name-cell"> <div class="name-cell">
<div class="name-icon-bg"> <div class="name-icon-bg">
<el-icon class="name-icon"> <el-icon class="name-icon">
<i-ep-price-tag /> <PriceTag />
</el-icon> </el-icon>
</div> </div>
<span class="name-text">{{ row.name }}</span> <span class="name-text">{{ row.name }}</span>
@@ -493,12 +493,12 @@ onMounted(async () => {
<template #default="{ row }"> <template #default="{ row }">
<div v-if="row.expireTime" class="time-cell"> <div v-if="row.expireTime" class="time-cell">
<el-icon class="time-icon"> <el-icon class="time-icon">
<i-ep-timer /> <Timer />
</el-icon> </el-icon>
<span>{{ formatDateTime(row.expireTime) }}</span> <span>{{ formatDateTime(row.expireTime) }}</span>
</div> </div>
<el-tag v-else type="success" size="default" effect="light" class="never-expire-tag"> <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> </el-tag>
</template> </template>
@@ -521,8 +521,9 @@ onMounted(async () => {
class="status-tag" class="status-tag"
> >
<el-icon> <el-icon>
<i-ep-circle-close v-if="row.isDisabled" /> <CircleClose v-if="row.isDisabled" />
<i-ep-circle-check v-else />
<CircleCheck v-else />
</el-icon> </el-icon>
{{ row.isDisabled ? '已禁用' : '已启用' }} {{ row.isDisabled ? '已禁用' : '已启用' }}
</el-tag> </el-tag>
@@ -618,7 +619,7 @@ onMounted(async () => {
<div class="guide-header"> <div class="guide-header">
<div class="guide-icon-wrapper"> <div class="guide-icon-wrapper">
<el-icon class="guide-icon"> <el-icon class="guide-icon">
<i-ep-reading /> <Reading />
</el-icon> </el-icon>
</div> </div>
<span class="guide-title">使用说明</span> <span class="guide-title">使用说明</span>

View File

@@ -13,19 +13,6 @@ declare module 'vue' {
CardFlipActivity: typeof import('./../src/components/userPersonalCenter/components/CardFlipActivity.vue')['default'] CardFlipActivity: typeof import('./../src/components/userPersonalCenter/components/CardFlipActivity.vue')['default']
DailyTask: typeof import('./../src/components/userPersonalCenter/components/DailyTask.vue')['default'] DailyTask: typeof import('./../src/components/userPersonalCenter/components/DailyTask.vue')['default']
DeepThinking: typeof import('./../src/components/DeepThinking/index.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'] FilesSelect: typeof import('./../src/components/FilesSelect/index.vue')['default']
IconSelect: typeof import('./../src/components/IconSelect/index.vue')['default'] IconSelect: typeof import('./../src/components/IconSelect/index.vue')['default']
Indexl: typeof import('./../src/components/SupportModelProducts/indexl.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'] VerificationCode: typeof import('./../src/components/LoginDialog/components/FormLogin/VerificationCode.vue')['default']
WelecomeText: typeof import('./../src/components/WelecomeText/index.vue')['default'] WelecomeText: typeof import('./../src/components/WelecomeText/index.vue')['default']
} }
export interface GlobalDirectives {
vLoading: typeof import('element-plus/es')['ElLoadingDirective']
}
} }