Skip to content

C
corporateCulture-qd
Commit 6f97350d by lijiabin
Options

【需求 17679】 perf: icon组件改成按需加载

parent ebbb6a98
Showing with 205 additions and 136 deletions
package.json
......@@ -39,6 +39,7 @@
"vue-router": "^4.6.3"
},
"devDependencies": {
"@iconify-json/ep": "^1.2.3",
"@tsconfig/node22": "^22.0.2",
"@types/node": "^22.18.11",
"@vitejs/plugin-vue": "^6.0.1",
......@@ -56,6 +57,7 @@
"typescript": "~5.9.0",
"unocss": "^66.5.4",
"unplugin-auto-import": "^20.2.0",
"unplugin-icons": "^22.5.0",
"unplugin-vue-components": "^30.0.0",
"vite": "^7.1.11",
"vite-plugin-svg-icons": "^2.0.1",
......
pnpm-lock.yaml
......@@ -54,6 +54,9 @@ importers:
specifier: ^4.6.3
version: 4.6.3(vue@3.5.22(typescript@5.9.3))
devDependencies:
'@iconify-json/ep':
specifier: ^1.2.3
version: 1.2.3
'@tsconfig/node22':
specifier: ^22.0.2
version: 22.0.2
......@@ -105,6 +108,9 @@ importers:
unplugin-auto-import:
specifier: ^20.2.0
version: 20.2.0(@vueuse/core@14.0.0(vue@3.5.22(typescript@5.9.3)))
unplugin-icons:
specifier: ^22.5.0
version: 22.5.0(@vue/compiler-sfc@3.5.22)
unplugin-vue-components:
specifier: ^30.0.0
version: 30.0.0(@babel/parser@7.28.5)(vue@3.5.22(typescript@5.9.3))
......@@ -513,6 +519,9 @@ packages:
resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
engines: {node: '>=18.18'}
'@iconify-json/ep@1.2.3':
resolution: {integrity: sha512-bESiKz5aTcbT4chTVSKjR5P+Nk81ibRtWgR7Gng5JPdF1Az+91+bIOof/OCUKThFRWqWsQ9A4XmSSrakvjuJDQ==}
'@iconify/types@2.0.0':
resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
......@@ -3693,6 +3702,29 @@ packages:
'@vueuse/core':
optional: true
unplugin-icons@22.5.0:
resolution: {integrity: sha512-MBlMtT5RuMYZy4TZgqUL2OTtOdTUVsS1Mhj6G1pEzMlFJlEnq6mhUfoIt45gBWxHcsOdXJDWLg3pRZ+YmvAVWQ==}
peerDependencies:
'@svgr/core': '>=7.0.0'
'@svgx/core': ^1.0.1
'@vue/compiler-sfc': ^3.0.2 || ^2.7.0
svelte: ^3.0.0 || ^4.0.0 || ^5.0.0
vue-template-compiler: ^2.6.12
vue-template-es2015-compiler: ^1.9.0
peerDependenciesMeta:
'@svgr/core':
optional: true
'@svgx/core':
optional: true
'@vue/compiler-sfc':
optional: true
svelte:
optional: true
vue-template-compiler:
optional: true
vue-template-es2015-compiler:
optional: true
unplugin-utils@0.3.1:
resolution: {integrity: sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==}
engines: {node: '>=20.19.0'}
......@@ -4314,6 +4346,10 @@ snapshots:
'@humanwhocodes/retry@0.4.3': {}
'@iconify-json/ep@1.2.3':
dependencies:
'@iconify/types': 2.0.0
'@iconify/types@2.0.0': {}
'@iconify/utils@3.0.2':
......@@ -7838,6 +7874,18 @@ snapshots:
optionalDependencies:
'@vueuse/core': 14.0.0(vue@3.5.22(typescript@5.9.3))
unplugin-icons@22.5.0(@vue/compiler-sfc@3.5.22):
dependencies:
'@antfu/install-pkg': 1.1.0
'@iconify/utils': 3.0.2
debug: 4.4.3
local-pkg: 1.1.2
unplugin: 2.3.10
optionalDependencies:
'@vue/compiler-sfc': 3.5.22
transitivePeerDependencies:
- supports-color
unplugin-utils@0.3.1:
dependencies:
pathe: 2.0.3
......
src/components/common/ActionMore/index.vue
<template>
<el-dropdown @command="handleMore" trigger="click">
<el-icon class="cursor-pointer"><More /></el-icon>
<el-icon class="cursor-pointer"><IEpMore /></el-icon>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item command="举报">举报</el-dropdown-item>
......
src/components/common/PublishBox/index.vue
......@@ -11,7 +11,7 @@
@click="() => console.log(form)"
>
<el-icon>
<User />
<IEpUser />
</el-icon>
</el-avatar>
......@@ -68,7 +68,7 @@
@click="handleDeleteImg(img)"
>
<el-icon class="text-white text-xs">
<Close />
<IEpClose />
</el-icon>
</div>
<el-image
......@@ -95,7 +95,7 @@
@mouseleave="visibleTagTooltip = false"
>
<el-icon size="18">
<CollectionTag />
<IEpCollectionTag />
</el-icon>
</el-button>
</el-tooltip>
......@@ -109,7 +109,7 @@
@click="fileInputRef?.click()"
>
<el-icon size="18">
<Picture />
<IEpPicture />
</el-icon>
</el-button>
</el-tooltip>
......@@ -173,7 +173,6 @@ import { useResetData } from '@/hooks'
import { ArticleTypeEnum, ReleaseStatusTypeEnum, SendTypeEnum } from '@/constants'
import { useTagsStore } from '@/stores'
import { uploadFile } from '@/api'
import { Close } from '@element-plus/icons-vue'
import { addOrUpdatePractice, addOrUpdateArticle } from '@/api'
import type { AddOrUpdatePracticeDto } from '@/api'
import type { BooleanFlag } from '@/constants'
......
src/main.ts
......@@ -10,7 +10,6 @@ import 'virtual:uno.css'
// 注册svg
import 'virtual:svg-icons-register'
import SvgIcon from '@/components/common/SvgIcon/svgIcon.vue'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
if (import.meta.env.MODE === 'production') {
import('@/utils/version').then(({ loopGetVersion }) => loopGetVersion())
......@@ -19,9 +18,7 @@ if (import.meta.env.MODE === 'production') {
const app = createApp(App)
app.use(createPinia())
app.use(router)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}
// 全局组件挂载
app.component('SvgIcon', SvgIcon)
app.mount('#app')
src/views/columnSearchList/index.vue
......@@ -6,7 +6,7 @@
<div class="flex items-center gap-2 justify-between">
<el-button link @click="router.back()" class="text-gray-600 hover:text-primary">
<el-icon class="mr-1">
<ArrowLeft />
<IEpArrowLeft />
</el-icon>
返回
</el-button>
......@@ -104,19 +104,19 @@
<span>{{ dayjs(item.createTime * 1000).format('YYYY-MM-DD HH:mm:ss') }}</span>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<View />
<IEpView />
</el-icon>
<span class="font-medium text-gray-500">{{ item.viewCount }}</span>
</div>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<ChatDotRound />
<IEpChatDotRound />
</el-icon>
<span class="font-medium">{{ item.replyCount }}</span>
</div>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<Star />
<IEpStar />
</el-icon>
<span class="font-medium">{{ item.praiseCount }}</span>
</div>
......
src/views/homePage/askTab/index.vue
......@@ -7,7 +7,7 @@
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="handleRefresh"
><Refresh
><IEpRefresh
/></el-icon>
</div>
......@@ -67,7 +67,7 @@
>
{{ item.isExpand ? '收起' : '阅读全文' }}
<el-icon class="ml-1" :class="{ 'rotate-180': item.isExpand }">
<ArrowDown />
<IEpArrowDown />
</el-icon>
</el-button>
</div>
......@@ -98,7 +98,8 @@
@click.stop="handleAddQuestion(item)"
>
<el-icon>
<component :is="item.hasAddQuestion ? 'CircleCheckFilled' : 'Plus'" />
<IEpCircleCheckFilled v-show="item.hasAddQuestion" />
<IEpPlus v-show="!item.hasAddQuestion" />
</el-icon>
{{ item.hasAddQuestion ? '已添加' : '添加' }}
</el-button>
......@@ -110,7 +111,8 @@
@click.stop="handleCollect(item)"
>
<el-icon>
<component :is="item.hasCollect ? 'StarFilled' : 'Star'" />
<IEpStarFilled v-show="item.hasCollect" />
<IEpStar v-show="!item.hasCollect" />
</el-icon>
{{ item.hasCollect ? '已关注' : '关注' }}
</el-button>
......@@ -118,7 +120,7 @@
<!-- 回答按钮保持不变 -->
<!-- 当前最热评论的评论有几条 -->
<el-button size="small" plain @click.stop="handleComment(item, index)">
<el-icon><Edit /></el-icon>
<el-icon><IEpEdit /></el-icon>
<template v-if="item.cultureCommentListVo?.childNum">
{{ item.cultureCommentListVo?.childNum }}条评论
</template>
......@@ -135,7 +137,7 @@
<div class="flex items-center">
<!-- 浏览量 -->
<!-- <el-button text class="flex items-center gap-2 text-gray-500">
<el-icon><View /></el-icon>
<el-icon><IEpView /></el-icon>
<span class="text-sm">{{ item.viewCount || 0 }}</span>
</el-button> -->
......@@ -145,7 +147,7 @@
class="flex items-center gap-2 text-gray-500 transition-colors"
@click.stop="handleCollect(item)"
>
<el-icon :color="item.hasCollect ? '#409EFF' : '#999'"><Star /></el-icon>
<el-icon :color="item.hasCollect ? '#409EFF' : '#999'"><IEpStar /></el-icon>
<span class="text-sm" :class="{ 'text-blue-500': item.hasCollect }">{{
item.collectionCount || 0
}}</span>
......@@ -157,7 +159,7 @@
class="flex items-center gap-2 text-gray-500 transition-colors"
@click.stop="handleComment(item, index)"
>
<el-icon><ChatDotRound /></el-icon>
<el-icon><IEpChatDotRound /></el-icon>
<span class="text-sm">{{ item.cultureCommentListVo?.childNum || 0 }}</span>
</el-button> -->
</div>
......@@ -232,7 +234,6 @@
<script setup lang="ts">
import Tabs from '@/components/common/Tabs'
import { Refresh } from '@element-plus/icons-vue'
import Comment from '@/components/common/Comment/index.vue'
import { useScrollTop, usePageSearch } from '@/hooks'
import { TABS_REF_KEY } from '@/constants'
......
src/views/homePage/homeTab/components/recommendList.vue
......@@ -52,7 +52,7 @@
<!-- 分隔符 -->
<div class="hidden sm:block w-1 h-1 bg-gray-300 rounded-full"></div>
<div class="flex items-center gap-1 hover:text-blue-500 transition-colors">
<el-icon class="text-sm"><View /></el-icon>
<el-icon class="text-sm"><IEpView /></el-icon>
<span class="font-medium">{{
item.type === ArticleTypeEnum.VIDEO
? Math.max(item.playCount, item.viewCount)
......@@ -60,11 +60,11 @@
}}</span>
</div>
<div class="flex items-center gap-1 hover:text-red-500 transition-colors">
<el-icon class="text-sm"><ChatDotRound /></el-icon>
<el-icon class="text-sm"> <IEpChatDotRound /></el-icon>
<span class="font-medium">{{ item.replyCount }}</span>
</div>
<div class="flex items-center gap-1 hover:text-yellow-500 transition-colors">
<el-icon class="text-sm"><Star /></el-icon>
<el-icon class="text-sm"><IEpStar /></el-icon>
<span class="font-medium">{{ item.collectionCount }}</span>
</div>
</div>
......
src/views/homePage/homeTab/components/videoList.vue
......@@ -65,19 +65,19 @@
<div
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-3 py-1.5 rounded-lg"
>
<el-icon class="text-sm"><View /></el-icon>
<el-icon class="text-sm"><IEpView /></el-icon>
<span>{{ Math.max(list[0]?.playCount ?? 0, list[0]?.viewCount ?? 0) }}</span>
</div>
<div
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-3 py-1.5 rounded-lg"
>
<el-icon class="text-sm"><ChatDotRound /></el-icon>
<el-icon class="text-sm"><IEpChatDotRound /></el-icon>
<span>{{ list[0]?.replyCount }}</span>
</div>
<div
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-3 py-1.5 rounded-lg"
>
<el-icon class="text-sm"><Star /></el-icon>
<el-icon class="text-sm"><IEpStar /></el-icon>
<span>{{ list[0]?.replyCount }}</span>
</div>
</div>
......@@ -147,19 +147,19 @@
<div
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm"><View /></el-icon>
<el-icon class="text-sm"><IEpView /></el-icon>
<span>{{ Math.max(item?.playCount, item?.viewCount) }}</span>
</div>
<div
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm"><ChatDotRound /></el-icon>
<el-icon class="text-sm"><IEpChatDotRound /></el-icon>
<span>{{ item?.replyCount }}</span>
</div>
<div
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm"><Star /></el-icon>
<el-icon class="text-sm"><IEpStar /></el-icon>
<span>{{ item?.replyCount }}</span>
</div>
</div>
......@@ -228,7 +228,7 @@
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm">
<View />
<IEpView />
</el-icon>
<span>{{ Math.max(item.playCount, item.viewCount) }}</span>
</div>
......@@ -236,7 +236,7 @@
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm">
<ChatDotRound />
<IEpChatDotRound />
</el-icon>
<span>{{ item.replyCount }}</span>
</div>
......@@ -244,7 +244,7 @@
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm">
<Star />
<IEpStar />
</el-icon>
<span>{{ item.replyCount }}</span>
</div>
......@@ -324,7 +324,7 @@
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm">
<View />
<IEpView />
</el-icon>
<span>{{ Math.max(item.playCount, item.viewCount) }}</span>
</div>
......@@ -332,7 +332,7 @@
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm">
<ChatDotRound />
<IEpChatDotRound />
</el-icon>
<span>{{ item.replyCount }}</span>
</div>
......@@ -340,7 +340,7 @@
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm">
<Star />
<IEpStar />
</el-icon>
<span>{{ item.replyCount }}</span>
</div>
......
src/views/homePage/homeTab/index.vue
......@@ -14,7 +14,7 @@
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="handleRefresh"
>
<Refresh />
<IEpRefresh />
</el-icon>
</div>
</div>
......
src/views/homePage/yaTab/components/columnList.vue
......@@ -63,19 +63,19 @@
<div class="flex items-center space-x-4">
<span class="flex items-center">
<el-icon class="mr-1">
<View />
<IEpView />
</el-icon>
{{ i.viewCount }}
</span>
<span class="flex items-center">
<el-icon class="mr-1">
<ChatDotRound />
<IEpChatDotRound />
</el-icon>
{{ i.replyCount }}
</span>
<span class="flex items-center">
<el-icon class="mr-1">
<Star />
<IEpStar />
</el-icon>
{{ i.collectCount }}
</span>
......@@ -131,7 +131,6 @@
</template>
<script setup lang="ts">
import { View, ChatDotRound, Star } from '@element-plus/icons-vue'
import { getColumnList } from '@/api'
import { usePageSearch, useScrollTop } from '@/hooks'
import { TABS_REF_KEY } from '@/constants'
......
src/views/homePage/yaTab/components/interviewList.vue
......@@ -61,19 +61,19 @@
<div class="flex items-center space-x-4">
<span class="flex items-center">
<el-icon class="mr-1">
<View />
<IEpView />
</el-icon>
{{ i.viewCount }}
</span>
<span class="flex items-center">
<el-icon class="mr-1">
<ChatDotRound />
<IEpChatDotRound />
</el-icon>
{{ i.replyCount }}
</span>
<span class="flex items-center">
<el-icon class="mr-1">
<Star />
<IEpStar />
</el-icon>
{{ i.collectCount }}
</span>
......@@ -130,7 +130,6 @@
</template>
<script setup lang="ts">
import { View, ChatDotRound, Star } from '@element-plus/icons-vue'
import { getInterviewList } from '@/api'
import { usePageSearch, useScrollTop } from '@/hooks'
import { TABS_REF_KEY, ArticleTypeEnum } from '@/constants'
......
src/views/homePage/yaTab/components/practiceList.vue
......@@ -159,19 +159,19 @@
<div class="flex items-center gap-5 text-gray-400 text-sm mb-2">
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<View />
<IEpView />
</el-icon>
<span>{{ item.viewCount }}</span>
</div>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<ChatDotRound />
<IEpChatDotRound />
</el-icon>
<span>{{ item.replyCount }}</span>
</div>
<div class="flex items-center gap-1 mr-2">
<el-icon class="text-sm">
<Star />
<IEpStar />
</el-icon>
<span>{{ item.praiseCount }}</span>
</div>
......
src/views/homePage/yaTab/components/videoList.vue
......@@ -67,15 +67,15 @@
<!-- 数据 -->
<div class="absolute bottom-3 left-3 flex gap-3 text-white text-xs">
<div class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg">
<el-icon class="text-sm"><View /></el-icon>
<el-icon class="text-sm"><IEpView /></el-icon>
<span>{{ Math.max(item.playCount, item.viewCount) }}</span>
</div>
<div class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg">
<el-icon class="text-sm"><ChatDotRound /></el-icon>
<el-icon class="text-sm"><IEpChatDotRound /></el-icon>
<span>{{ item.replyCount }}</span>
</div>
<div class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg">
<el-icon class="text-sm"><Star /></el-icon>
<el-icon class="text-sm"><IEpStar /></el-icon>
<span>{{ item.replyCount }}</span>
</div>
</div>
......@@ -171,19 +171,19 @@
<div
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm"><View /></el-icon>
<el-icon class="text-sm"><IEpView /></el-icon>
<span>{{ Math.max(i.playCount, i.viewCount) }}</span>
</div>
<div
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm"><ChatDotRound /></el-icon>
<el-icon class="text-sm"><IEpChatDotRound /></el-icon>
<span>{{ i.replyCount }}</span>
</div>
<div
class="flex items-center gap-1 bg-black/50 backdrop-blur-sm px-2 py-1 rounded-lg"
>
<el-icon class="text-sm"><Star /></el-icon>
<el-icon class="text-sm"><IEpStar /></el-icon>
<span>{{ i.replyCount }}</span>
</div>
</div>
......@@ -297,7 +297,6 @@
</template>
<script setup lang="ts">
import { View, ChatDotRound, Star } from '@element-plus/icons-vue'
import { getVideoList, getVideoListViewMore } from '@/api'
import { usePageSearch, useScrollTop } from '@/hooks'
import { TABS_REF_KEY, ArticleTypeEnum } from '@/constants'
......
src/views/homePage/yaTab/index.vue
......@@ -14,7 +14,7 @@
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="handleRefresh"
>
<Refresh />
<IEpRefresh />
</el-icon>
</div>
</div>
......@@ -29,7 +29,6 @@
<script setup lang="ts">
import Tabs from '@/components/common/Tabs'
import { Refresh } from '@element-plus/icons-vue'
import ColumnList from './components/columnList.vue'
import InterviewList from './components/interviewList.vue'
import PracticeList from './components/practiceList.vue'
......
src/views/otherUserPage/index.vue
......@@ -27,7 +27,7 @@
</p>
<!-- <el-button type="warning" size="small" plain @click="handleEdit">
<el-icon>
<Edit />
<IEpEdit />
</el-icon>
修改资料
</el-button> -->
......@@ -40,7 +40,7 @@
<div v-if="!list.length" class="flex flex-col items-center justify-center h-64">
<div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
<el-icon class="text-2xl text-gray-300">
<Document />
<IEpDocument />
</el-icon>
</div>
<div class="text-gray-500 text-lg mb-2">暂无内容</div>
......@@ -93,7 +93,6 @@
</template>
<script lang="tsx" setup>
import { Document } from '@element-plus/icons-vue'
import { useUserStore } from '@/stores/user'
import { storeToRefs } from 'pinia'
......
src/views/practiceSearchList/index.vue
......@@ -6,7 +6,7 @@
<div class="flex items-center gap-2 justify-between">
<el-button link @click="router.back()" class="text-gray-600 hover:text-primary">
<el-icon class="mr-1">
<ArrowLeft />
<IEpArrowLeft />
</el-icon>
返回
</el-button>
......@@ -166,19 +166,19 @@
<span>{{ dayjs(item.createTime * 1000).format('YYYY-MM-DD HH:mm:ss') }}</span>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<View />
<IEpView />
</el-icon>
<span class="font-medium text-gray-500">{{ item.viewCount }}</span>
</div>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<ChatDotRound />
<IEpChatDotRound />
</el-icon>
<span class="font-medium">{{ item.replyCount }}</span>
</div>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<Star />
<IEpStar />
</el-icon>
<span class="font-medium">{{ item.praiseCount }}</span>
</div>
......
src/views/publishVideo/index.vue
......@@ -51,7 +51,7 @@
class="w-full h-full flex items-center justify-center text-gray-400"
>
<el-icon :size="32">
<Picture />
<IEpPicture />
</el-icon>
</div>
<div
......@@ -318,7 +318,7 @@
<img v-if="form.faceUrl" :src="form.faceUrl" class="w-full h-full object-cover" />
<div v-else class="w-full h-full flex items-center justify-center text-gray-400">
<el-icon :size="40">
<Picture />
<IEpPicture />
</el-icon>
</div>
<canvas ref="canvasRef" class="hidden" />
......@@ -346,7 +346,6 @@ import { ArticleTypeEnum, ReleaseStatusTypeEnum, SendTypeEnum } from '@/constant
import { addOrUpdateArticle, uploadFile } from '@/api'
import SelectTags from '@/components/common/SelectTags/index.vue'
import type { TagItemDto, AddOrUpdateVideoDto } from '@/api'
import { Camera, Picture } from '@element-plus/icons-vue'
import { useVideoStore, useUserStore } from '@/stores'
import { storeToRefs } from 'pinia'
import { selectDepOrUser } from '@/utils'
......
src/views/questionDetail/index.vue
......@@ -66,7 +66,7 @@
>
{{ isExpand ? '收起' : '显示全部' }}
<el-icon :class="{ 'rotate-180': isExpand }" class="transition-transform"
><CaretBottom
><IEpCaretBottom
/></el-icon>
</button>
</div>
......@@ -78,7 +78,7 @@
class="px-5 py-1.5 border !bg-blue-500 !text-white rounded-[4px] text-sm font-medium transition-colors flex items-center gap-1 cursor-pointer"
@click="openCommentDialog"
>
<el-icon><EditPen /></el-icon>
<el-icon><IEpEditPen /></el-icon>
写回答
</button>
</div>
......@@ -217,7 +217,7 @@
:class="{ '!bg-blue-500 !text-white': answer.hasPraise }"
@click="handleLikeAnswer(answer)"
>
<el-icon><CaretTop /></el-icon>
<el-icon><IEpCaretTop /></el-icon>
<span
>{{ answer.hasPraise ? '已赞同' : '赞同' }}
{{ answer.postPriseCount || '' }}</span
......@@ -234,7 +234,7 @@
class="flex items-center gap-1.5 text-slate-500 hover:text-slate-800 transition-colors text-sm cursor-pointer"
@click="handleComment(answer, index)"
>
<el-icon class="text-base"><ChatRound /></el-icon>
<el-icon class="text-base"><IEpChatRound /></el-icon>
<span>
{{ answer.childrenNum ? `${answer.childrenNum} 条评论` : '添加评论' }}
</span>
......
src/views/searchPage/index.vue
......@@ -6,7 +6,7 @@
<div class="flex items-center gap-2 justify-between">
<el-button link @click="router.back()" class="text-gray-600 hover:text-primary">
<el-icon class="mr-1">
<ArrowLeft />
<IEpArrowLeft />
</el-icon>
返回
</el-button>
......@@ -130,7 +130,7 @@
<span>{{ dayjs(item.createTime * 1000).format('YYYY-MM-DD HH:mm:ss') }}</span>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<View />
<IEpView />
</el-icon>
<span class="font-medium text-gray-500">{{
item.type === ArticleTypeEnum.VIDEO
......@@ -140,13 +140,13 @@
</div>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<ChatDotRound />
<IEpChatDotRound />
</el-icon>
<span class="font-medium">{{ item.replyCount }}</span>
</div>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<Star />
<IEpStar />
</el-icon>
<span class="font-medium">{{ item.praiseCount }}</span>
</div>
......
src/views/userPage/components/SelfComplaint.vue
......@@ -16,13 +16,13 @@
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="refresh"
><Refresh
><IEpRefresh
/></el-icon>
</div>
</div>
<div v-if="!list.length" class="flex flex-col items-center justify-center h-64">
<div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
<el-icon class="text-2xl text-gray-300"><Document /></el-icon>
<el-icon class="text-2xl text-gray-300"><IEpDocument /></el-icon>
</div>
<div class="text-gray-500 text-lg mb-2">暂无内容</div>
</div>
......@@ -119,7 +119,6 @@
</template>
<script lang="ts" setup>
import { Document } from '@element-plus/icons-vue'
import { getComplaintList, auditComplaint } from '@/api'
import { usePageSearch } from '@/hooks'
import { auditTypeListOptions } from '@/constants/options'
......
src/views/userPage/components/selfAudit.vue
......@@ -16,13 +16,13 @@
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="refresh"
><Refresh
><IEpRefresh
/></el-icon>
</div>
</div>
<div v-if="!list.length" class="flex flex-col items-center justify-center h-64">
<div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
<el-icon class="text-2xl text-gray-300"><Document /></el-icon>
<el-icon class="text-2xl text-gray-300"><IEpDocument /></el-icon>
</div>
<div class="text-gray-500 text-lg mb-2">暂无内容</div>
</div>
......@@ -118,7 +118,6 @@
</template>
<script lang="ts" setup>
import { Document } from '@element-plus/icons-vue'
import { getAuditList, auditArticle } from '@/api'
import { usePageSearch } from '@/hooks'
import { auditTypeListOptions, articleTypeListOptions } from '@/constants/options'
......
src/views/userPage/components/selfCase.vue
......@@ -16,13 +16,13 @@
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="refresh"
><Refresh
><IEpRefresh
/></el-icon>
</div>
</div>
<div v-if="!list.length" class="flex flex-col items-center justify-center h-64">
<div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
<el-icon class="text-2xl text-gray-300"><Document /></el-icon>
<el-icon class="text-2xl text-gray-300"><IEpDocument /></el-icon>
</div>
<div class="text-gray-500 text-lg mb-2">暂无内容</div>
</div>
......@@ -111,8 +111,6 @@
</template>
<script lang="tsx" setup>
import { Document } from '@element-plus/icons-vue'
import { getSelfCaseList, deleteCase, getCaseDetail } from '@/api'
import { usePageSearch } from '@/hooks'
import dayjs from 'dayjs'
......
src/views/userPage/components/selfCollect.vue
......@@ -15,14 +15,14 @@
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="refresh"
><Refresh
><IEpRefresh
/></el-icon>
</div>
</div>
<div v-if="!list.length" class="flex flex-col items-center justify-center h-64">
<div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
<el-icon class="text-2xl text-gray-300"><Document /></el-icon>
<el-icon class="text-2xl text-gray-300"><IEpDocument /></el-icon>
</div>
<div class="text-gray-500 text-lg mb-2">暂无内容</div>
</div>
......@@ -79,8 +79,6 @@
</template>
<script lang="ts" setup>
import { Document, Refresh } from '@element-plus/icons-vue'
import { getSelfCollectList } from '@/api'
import { usePageSearch } from '@/hooks'
import {
......
src/views/userPage/components/selfComment.vue
......@@ -30,14 +30,14 @@
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="refresh"
><Refresh
><IEpRefresh
/></el-icon>
</div>
</div>
<div v-if="!list.length" class="flex flex-col items-center justify-center h-64">
<div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
<el-icon class="text-2xl text-gray-300"><Document /></el-icon>
<el-icon class="text-2xl text-gray-300"><IEpDocument /></el-icon>
</div>
<div class="text-gray-500 text-lg mb-2">暂无内容</div>
</div>
......@@ -94,7 +94,6 @@
</template>
<script lang="ts" setup>
import { Document, Refresh } from '@element-plus/icons-vue'
import { getSelfCommentList, deleteComment } from '@/api'
import { usePageSearch } from '@/hooks'
import {
......
src/views/userPage/components/selfDraft.vue
......@@ -16,14 +16,14 @@
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="refresh"
><Refresh
><IEpRefresh
/></el-icon>
</div>
</div>
<div v-if="!list.length" class="flex flex-col items-center justify-center h-64">
<div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
<el-icon class="text-2xl text-gray-300"><Document /></el-icon>
<el-icon class="text-2xl text-gray-300"><IEpDocument /></el-icon>
</div>
<div class="text-gray-500 text-lg mb-2">暂无内容</div>
</div>
......@@ -78,8 +78,6 @@
</template>
<script lang="ts" setup>
import { Document, Refresh } from '@element-plus/icons-vue'
import { deleteArticle, getSelfDraftList } from '@/api'
import { usePageSearch } from '@/hooks'
import {
......
src/views/userPage/components/selfPraise.vue
......@@ -15,13 +15,13 @@
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="refresh"
><Refresh
><IEpRefresh
/></el-icon>
</div>
</div>
<div v-if="!list.length" class="flex flex-col items-center justify-center h-64">
<div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
<el-icon class="text-2xl text-gray-300"><Document /></el-icon>
<el-icon class="text-2xl text-gray-300"><IEpDocument /></el-icon>
</div>
<div class="text-gray-500 text-lg mb-2">暂无内容</div>
</div>
......@@ -78,7 +78,6 @@
</template>
<script lang="ts" setup>
import { Document } from '@element-plus/icons-vue'
import type { TabPaneName } from 'element-plus'
import { getSelfPraiseList } from '@/api'
import { usePageSearch } from '@/hooks'
......
src/views/userPage/components/selfPublish.vue
......@@ -15,14 +15,14 @@
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="refresh"
><Refresh
><IEpRefresh
/></el-icon>
</div>
</div>
<div v-if="!list.length" class="flex flex-col items-center justify-center h-64">
<div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
<el-icon class="text-2xl text-gray-300"><Document /></el-icon>
<el-icon class="text-2xl text-gray-300"><IEpDocument /></el-icon>
</div>
<div class="text-gray-500 text-lg mb-2">暂无内容</div>
</div>
......@@ -84,7 +84,6 @@
</template>
<script lang="ts" setup>
import { Document, Refresh } from '@element-plus/icons-vue'
import { getSelfPublishList, deleteArticle } from '@/api'
import { usePageSearch } from '@/hooks'
import {
......
src/views/userPage/components/selfTask.vue
......@@ -16,14 +16,14 @@
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="refresh"
><Refresh
><IEpRefresh
/></el-icon>
</div>
</div>
<div v-if="!list.length" class="flex flex-col items-center justify-center h-64">
<div class="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4">
<el-icon class="text-2xl text-gray-300"><Document /></el-icon>
<el-icon class="text-2xl text-gray-300"><IEpDocument /></el-icon>
</div>
<div class="text-gray-500 text-lg mb-2">暂无内容</div>
</div>
......@@ -82,8 +82,6 @@
</template>
<script lang="ts" setup>
import { Document, Refresh } from '@element-plus/icons-vue'
import { getSelfTaskList } from '@/api'
import { usePageSearch } from '@/hooks'
import { taskTypeListOptions } from '@/constants/options'
......
src/views/userPage/index.vue
......@@ -83,7 +83,7 @@
</el-tooltip>
<el-button v-if="!isReal" type="warning" size="small" plain @click="handleEdit">
<el-icon><Edit /></el-icon>
<el-icon><IEpEdit /></el-icon>
修改资料
</el-button>
</div>
......@@ -153,17 +153,6 @@
</template>
<script lang="tsx" setup>
import {
User,
Document,
Star,
ChatDotRound,
Pointer,
Collection,
Finished,
ChatLineSquare,
Warning,
} from '@element-plus/icons-vue'
import { useUserStore } from '@/stores/user'
import { storeToRefs } from 'pinia'
import EditUserInfo from './components/editUserInfo.vue'
......@@ -207,23 +196,59 @@ const { userInfo } = storeToRefs(userStore)
// 左侧普通用户菜单
const menuUserItems = [
{ path: 'selfPublish', label: '我的帖子', icon: User, component: SelfPublish, tab: '发布' },
{ path: 'selfDraft', label: '我的草稿', icon: Document, component: SelfDraft, tab: '草稿' },
{ path: 'selfCollect', label: '我的收藏', icon: Star, component: SelfCollect, tab: '收藏' },
{ path: 'selfPraise', label: '我的点赞', icon: Pointer, component: SelfPraise, tab: '点赞' },
{ path: 'selfCase', label: '我的案例库', icon: Collection, component: SelfCase, tab: '案例库' },
{ path: 'selfTask', label: '我的任务', icon: Finished, component: SelfTask, tab: '任务' },
{
path: 'selfPublish',
label: '我的帖子',
icon: () => <IEpUser />,
component: SelfPublish,
tab: '发布',
},
{
path: 'selfDraft',
label: '我的草稿',
icon: () => <IEpDocument />,
component: SelfDraft,
tab: '草稿',
},
{
path: 'selfCollect',
label: '我的收藏',
icon: () => <IEpStar />,
component: SelfCollect,
tab: '收藏',
},
{
path: 'selfPraise',
label: '我的点赞',
icon: () => <IEpPointer />,
component: SelfPraise,
tab: '点赞',
},
{
path: 'selfCase',
label: '我的案例库',
icon: () => <IEpCollection />,
component: SelfCase,
tab: '案例库',
},
{
path: 'selfTask',
label: '我的任务',
icon: () => <IEpFinished />,
component: SelfTask,
tab: '任务',
},
{
path: 'selfComment',
label: '评论回复',
icon: ChatDotRound,
icon: () => <IEpChatDotRound />,
component: SelfComment,
tab: '评论回复',
},
{
path: 'selfAnswer',
label: '回答问题(问吧)',
icon: ChatLineSquare,
icon: () => <IEpChatLineSquare />,
component: SelfAnswer,
tab: '回答问题',
},
......@@ -231,11 +256,17 @@ const menuUserItems = [
// 左侧官方账号菜单
const menuOfficialItems = [
{ path: 'selfAudit', label: '审核列表', icon: User, component: SelfAudit, tab: '审核列表' },
{
path: 'selfAudit',
label: '审核列表',
icon: () => <IEpUser />,
component: SelfAudit,
tab: '审核列表',
},
{
path: 'selfComplaint',
label: '举报列表',
icon: Warning,
icon: () => <IEpWarning />,
component: SelfComplaint,
tab: '举报列表',
},
......
src/views/videoSearchList/index.vue
......@@ -6,7 +6,7 @@
<div class="flex items-center gap-2 justify-between">
<el-button link @click="router.back()" class="text-gray-600 hover:text-primary">
<el-icon class="mr-1">
<ArrowLeft />
<IEpArrowLeft />
</el-icon>
返回
</el-button>
......@@ -103,7 +103,7 @@
<span>{{ dayjs(item.createTime * 1000).format('YYYY-MM-DD HH:mm:ss') }}</span>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<View />
<IEpView />
</el-icon>
<span class="font-medium text-gray-500">{{
Math.max(item.playCount, item.viewCount)
......@@ -111,13 +111,13 @@
</div>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<ChatDotRound />
<IEpChatDotRound />
</el-icon>
<span class="font-medium">{{ item.replyCount }}</span>
</div>
<div class="flex items-center gap-1">
<el-icon class="text-sm">
<Star />
<IEpStar />
</el-icon>
<span class="font-medium">{{ item.praiseCount }}</span>
</div>
......
vite.config.ts
......@@ -10,7 +10,8 @@ import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
import { visualizer } from 'rollup-plugin-visualizer'
import UnoCSS from 'unocss/vite'
import pushUpdatePlugin from './src/plugins/pushUpdatePlugin'
import IconsResolver from 'unplugin-icons/resolver'
import Icons from 'unplugin-icons/vite'
import path from 'node:path'
// https://vite.dev/config/
......@@ -35,10 +36,19 @@ export default defineConfig(({ mode }) => {
},
}),
Components({
resolvers: [ElementPlusResolver()],
resolvers: [
// 自动注册图标组件
IconsResolver({
enabledCollections: ['ep'], // 自动引入的icon 前缀要写成 <i-ep-xx/>
}),
ElementPlusResolver(),
],
include: [/\.vue$/, /\.vue\?vue/, /\.vue\.[tj]sx?\?vue/, /\.[tj]sx$/], // 支持tsx jsx vue文件 无script 和有script 编译后不一样 一个直接是sfc里面只有render 一个是 sfc 里面有render 和setup
dts: true,
}),
Icons({
autoInstall: true,
}),
UnoCSS(),
createSvgIconsPlugin({
// 指定需要缓存的图标文件夹(路径为存放所有svg图标的文件夹不单个svg图标)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment