diff --git a/frontend_nuxt/app.vue b/frontend_nuxt/app.vue index 486e3a8d4..408521752 100644 --- a/frontend_nuxt/app.vue +++ b/frontend_nuxt/app.vue @@ -25,7 +25,7 @@ class="app-new-post-icon" @click="goToNewPost" > - + diff --git a/frontend_nuxt/components/CommentItem.vue b/frontend_nuxt/components/CommentItem.vue index 9c807ddc9..8fb7ebe96 100644 --- a/frontend_nuxt/components/CommentItem.vue +++ b/frontend_nuxt/components/CommentItem.vue @@ -15,16 +15,16 @@
{{ comment.userName }} - + {{ getMedalTitle(comment.medal) }} - + - +
@@ -53,10 +53,10 @@
- +
- +
diff --git a/frontend_nuxt/components/MenuComponent.vue b/frontend_nuxt/components/MenuComponent.vue index 7335a8c1b..f30efcfe0 100644 --- a/frontend_nuxt/components/MenuComponent.vue +++ b/frontend_nuxt/components/MenuComponent.vue @@ -4,7 +4,7 @@
- + 话题 - + 发帖 - + 我的消息 {{ showUnreadCount }} @@ -34,7 +34,7 @@ to="/about" @click="handleItemClick" > - + 关于 - + 🔥 活动 - + 站点统计 - + 积分商城 {{ myPoint }} @@ -74,7 +74,8 @@
类别 - + +
@@ -107,7 +108,8 @@
标签 - + +
@@ -120,7 +122,7 @@ class="section-item-icon" :alt="t.name" /> - + {{ t.name }} x {{ t.count }} diff --git a/frontend_nuxt/components/ReactionsGroup.vue b/frontend_nuxt/components/ReactionsGroup.vue index 2c983f93d..d4f658e52 100644 --- a/frontend_nuxt/components/ReactionsGroup.vue +++ b/frontend_nuxt/components/ReactionsGroup.vue @@ -19,7 +19,7 @@
- +
diff --git a/frontend_nuxt/nuxt.config.ts b/frontend_nuxt/nuxt.config.ts index ec01e7cb4..0656e9d51 100644 --- a/frontend_nuxt/nuxt.config.ts +++ b/frontend_nuxt/nuxt.config.ts @@ -15,7 +15,12 @@ export default defineNuxtConfig({ telegramBotId: process.env.NUXT_PUBLIC_TELEGRAM_BOT_ID || '', }, }, - css: ['vditor/dist/index.css', '~/assets/fonts.css', '~/assets/global.css'], + css: [ + 'vditor/dist/index.css', + '~/assets/fonts.css', + '~/assets/global.css', + '@icon-park/vue-next/styles/index.css', + ], app: { pageTransition: { name: 'page', mode: 'out-in' }, head: { @@ -72,11 +77,11 @@ export default defineNuxtConfig({ rel: 'manifest', href: '/manifest.webmanifest', }, - { - rel: 'stylesheet', - href: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css', - referrerpolicy: 'no-referrer', - }, + // { + // rel: 'stylesheet', + // href: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css', + // referrerpolicy: 'no-referrer', + // }, ], }, baseURL: '/', diff --git a/frontend_nuxt/package-lock.json b/frontend_nuxt/package-lock.json index 31931b57b..1e9ca8f91 100644 --- a/frontend_nuxt/package-lock.json +++ b/frontend_nuxt/package-lock.json @@ -6,6 +6,7 @@ "": { "name": "frontend_nuxt", "dependencies": { + "@icon-park/vue-next": "^1.4.2", "@nuxt/image": "^1.11.0", "@stomp/stompjs": "^7.0.0", "cropperjs": "^1.6.2", @@ -25,6 +26,9 @@ "vue-echarts": "^7.0.3", "vue-flatpickr-component": "^12.0.0", "vue-toastification": "^2.0.0-rc.5" + }, + "engines": { + "node": ">=20.0.0" } }, "node_modules/@ampproject/remapping": { @@ -990,6 +994,19 @@ "integrity": "sha512-m9FVDXU3GT2ITSe0UaMA5rU3QkfC/UXtCU8y0gSN/GugTqtVldOBWIB5V6V3sbmenVZUIpU6f+mPEO2+m5iTaA==", "license": "MIT" }, + "node_modules/@icon-park/vue-next": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/@icon-park/vue-next/-/vue-next-1.4.2.tgz", + "integrity": "sha512-+QklF255wkfBOabY+xw6FAI0Bwln/RhdwCunNy/9sKdKuChtaU67QZqU67KGAvZUTeeBgsL+yaHHxqfQeGZXEQ==", + "license": "Apache-2.0", + "engines": { + "node": ">= 8.0.0", + "npm": ">= 5.0.0" + }, + "peerDependencies": { + "vue": "3.x" + } + }, "node_modules/@img/sharp-darwin-arm64": { "version": "0.34.3", "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.3.tgz", diff --git a/frontend_nuxt/package.json b/frontend_nuxt/package.json index 277fb3f4d..8df2c955a 100644 --- a/frontend_nuxt/package.json +++ b/frontend_nuxt/package.json @@ -12,6 +12,7 @@ "generate": "nuxt generate" }, "dependencies": { + "@icon-park/vue-next": "^1.4.2", "@nuxt/image": "^1.11.0", "@stomp/stompjs": "^7.0.0", "cropperjs": "^1.6.2", diff --git a/frontend_nuxt/pages/index.vue b/frontend_nuxt/pages/index.vue index d671abacc..aaaa42ccc 100644 --- a/frontend_nuxt/pages/index.vue +++ b/frontend_nuxt/pages/index.vue @@ -68,13 +68,10 @@ >
- - - - + + + + {{ article.title }} @@ -141,7 +138,6 @@ import { getToken } from '~/utils/auth' import { stripMarkdown } from '~/utils/markdown' import { useIsMobile } from '~/utils/screen' import TimeManager from '~/utils/time' - useHead({ title: 'OpenIsle - 全面开源的自由社区', meta: [ diff --git a/frontend_nuxt/plugins/iconpark.client.ts b/frontend_nuxt/plugins/iconpark.client.ts new file mode 100644 index 000000000..641410beb --- /dev/null +++ b/frontend_nuxt/plugins/iconpark.client.ts @@ -0,0 +1,48 @@ +import { defineNuxtPlugin } from 'nuxt/app' +import { + Pin, + Fireworks, + Gift, + RankingList, + Star, + Edit, + HashtagKey, + Remind, + Info, + ChartLine, + Finance, + Up, + Down, + TagOne, + MedalOne, + Next, + DropDownList, + MoreOne, + Comment, + Link, + FaceWithoutMouth, +} from '@icon-park/vue-next' + +export default defineNuxtPlugin((nuxtApp) => { + nuxtApp.vueApp.component('Pin', Pin) + nuxtApp.vueApp.component('Fireworks', Fireworks) + nuxtApp.vueApp.component('Gift', Gift) + nuxtApp.vueApp.component('RankingList', RankingList) + nuxtApp.vueApp.component('Star', Star) + nuxtApp.vueApp.component('Edit', Edit) + nuxtApp.vueApp.component('HashtagKey', HashtagKey) + nuxtApp.vueApp.component('Remind', Remind) + nuxtApp.vueApp.component('Info', Info) + nuxtApp.vueApp.component('ChartLine', ChartLine) + nuxtApp.vueApp.component('Finance', Finance) + nuxtApp.vueApp.component('Up', Up) + nuxtApp.vueApp.component('Down', Down) + nuxtApp.vueApp.component('TagOne', TagOne) + nuxtApp.vueApp.component('MedalOne', MedalOne) + nuxtApp.vueApp.component('Next', Next) + nuxtApp.vueApp.component('DropDownList', DropDownList) + nuxtApp.vueApp.component('MoreOne', MoreOne) + nuxtApp.vueApp.component('CommentIcon', Comment) + nuxtApp.vueApp.component('LinkIcon', Link) + nuxtApp.vueApp.component('FaceWithoutMouth', FaceWithoutMouth) +})