mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-03-17 09:30:45 +08:00
feat: 表情新增
This commit is contained in:
@@ -19,8 +19,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="reactions-viewer-item placeholder" @click="openPanel">
|
<div class="reactions-viewer-item placeholder" @click="openPanel">
|
||||||
<face-without-mouth class="reactions-viewer-item-placeholder-icon" />
|
<sly-face-whit-smile class="reactions-viewer-item-placeholder-icon" />
|
||||||
<!-- <span class="reactions-viewer-item-placeholder-text">点击以表态</span> -->
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="displayedReactions.length">
|
<template v-else-if="displayedReactions.length">
|
||||||
@@ -42,7 +41,7 @@
|
|||||||
class="make-reaction-item like-reaction"
|
class="make-reaction-item like-reaction"
|
||||||
@click="toggleReaction('LIKE')"
|
@click="toggleReaction('LIKE')"
|
||||||
>
|
>
|
||||||
<i v-if="!userReacted('LIKE')" class="far fa-heart"></i>
|
<like v-if="!userReacted('LIKE')" />
|
||||||
<i v-else class="fas fa-heart"></i>
|
<i v-else class="fas fa-heart"></i>
|
||||||
<span class="reactions-count" v-if="likeCount">{{ likeCount }}</span>
|
<span class="reactions-count" v-if="likeCount">{{ likeCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -20,7 +20,8 @@ import {
|
|||||||
MoreOne,
|
MoreOne,
|
||||||
Comment,
|
Comment,
|
||||||
Link,
|
Link,
|
||||||
FaceWithoutMouth,
|
SlyFaceWhitSmile,
|
||||||
|
Like,
|
||||||
} from '@icon-park/vue-next'
|
} from '@icon-park/vue-next'
|
||||||
|
|
||||||
export default defineNuxtPlugin((nuxtApp) => {
|
export default defineNuxtPlugin((nuxtApp) => {
|
||||||
@@ -44,5 +45,6 @@ export default defineNuxtPlugin((nuxtApp) => {
|
|||||||
nuxtApp.vueApp.component('MoreOne', MoreOne)
|
nuxtApp.vueApp.component('MoreOne', MoreOne)
|
||||||
nuxtApp.vueApp.component('CommentIcon', Comment)
|
nuxtApp.vueApp.component('CommentIcon', Comment)
|
||||||
nuxtApp.vueApp.component('LinkIcon', Link)
|
nuxtApp.vueApp.component('LinkIcon', Link)
|
||||||
nuxtApp.vueApp.component('FaceWithoutMouth', FaceWithoutMouth)
|
nuxtApp.vueApp.component('SlyFaceWhitSmile', SlyFaceWhitSmile)
|
||||||
|
nuxtApp.vueApp.component('Like', Like)
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user