A1300399510/PC-vote
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新底部链接

Browse Source
This commit is contained in:
A1300399510
2024-07-17 12:25:33 +08:00
parent b8d2b04a4e
commit 0f833adadb
74 changed files with 1159 additions and 588 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
components/DetailsArea.vue
View File

@@ -15,14 +15,22 @@
</div>
<div class="floor-left flexacenter">
<div class="item flexacenter" style="cursor: auto;">
<img class="icon" src="@/assets/img/eye-icon.svg" />
<img class="icon" src="@/assets/img/eye-icon-black.svg" />
{{ info["views"] }}
</div>
<div class="item flexacenter" @click="handleLike">
<div class="item flexacenter" style="cursor: auto;">
<img class="icon" src="@/assets/img/riposte-icon.png" />
{{ ripostecount["total"] }}
</div>
<div class="item flexacenter" style="cursor: auto;">
<img class="icon" src="@/assets/img/discuss-icon.png" />
{{ commentComments }}
</div>
<!-- <div class="item flexacenter" @click="handleLike">
<img class="icon" v-if="islike == 1" src="@/assets/img/like-icon-colours.png" />
<img class="icon" v-else src="@/assets/img/like-icon.png" />
{{ info["likes"] || "" }}
</div>
</div> -->
<div class="item flexacenter" @click="handleCollect()">
<img class="icon" v-if="iscollection == 1" src="@/assets/img/collect-icon-colours.svg" />
<img class="icon" v-else src="@/assets/img/collect-icon.png" />
@@ -58,14 +66,13 @@
</el-popover>
</ClientOnly>
</div>
<div class="floor-middle" ref="floormiddle" @mouseover="closeMouseOver" @mouseout="openAutoCarousel" :class="{ 'floor-middle-respond': respondShowState }">
<div class="flexacenter respond">
<div class="respond-title">给个回应：</div>
<div class="respond-box flex1">
<div class="respond-item" v-for="item in 8" :key="item">&#xc150;</div>
<div class="respond-item" v-for="item in randomBottomEmojis" :key="item" v-html="jointriposte(item)" @click="selectEomji(item)"></div>
</div>
<RespondAdd type="bottom" :message="respondShowState" @update:message="respondShowState = $event"></RespondAdd>
<RespondAdd type="bottom" :respondShowState="respondShowState" @update:respondShowState="respondShowState = $event"></RespondAdd>
</div>
<div v-if="!respondShowState" class="flexacenter comment-box">
<img class="avatar" :src="userInfoWin?.avatar" />
@@ -82,6 +89,11 @@
<script setup>
import { ElMessage } from "element-plus"
let props = defineProps({
ripostecount: Object,
commentComments: Number,
})
const respondShowState = ref(false)
let isNeedLogin = inject("isNeedLogin")
@@ -196,15 +208,13 @@ const emit = defineEmits(["closeDiscussInputFields"])
// // 点击底部调用关闭讨论输入框
const closeDiscussInputFields = () => emit("closeDiscussInputFields")
onMounted(() => {
})
onMounted(() => {})
watch(isLoaded, (newValue, oldValue) => {
if (newValue === true) {
openAutoCarousel()
}
});
if (newValue === true) {
openAutoCarousel()
}
})
let floormiddleIndex = 0 // 0起
let floormiddleTimer = null
@@ -227,7 +237,11 @@ const closeMouseOver = () => {
onBeforeUnmount(() => {
clearInterval(floormiddleTimer)
});
})
const randomBottomEmojis = inject("randomBottomEmojis")
const selectEomji = inject("selectEomji")
const jointriposte = inject("jointriposte")
</script>
<style scoped lang="less">
@@ -378,7 +392,7 @@ onBeforeUnmount(() => {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--main-color);
// background-color: var(--main-color);
.respond-add-icon {
width: 16px;