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

no message

Browse Source
This commit is contained in:
A1300399510
2024-07-30 12:28:12 +08:00
parent 540ecd5632
commit c713dedaa3
696 changed files with 34445 additions and 2383 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
components/RespondAdd.vue
View File

@@ -1,9 +1,24 @@
<template>
<div class="respond-add flexcenter" @click="open">
<el-popover placement="bottom" :width="470" trigger="click" v-model:visible="selectEomjiPop">
<template #reference>
<div class="respond-add flexcenter" ref="add">
<img class="respond-add-icon" src="@/img/plus-sign.svg" />
</div>
</template>
<div class="respond-list-box" :style="{ 'top': top + 'px', 'left': left + 'px' }" @click.stop="">
<div class="respond-list-title">选择你的回应：</div>
<div class="respond-list">
<template v-for="item in riposteoptions" :key="item">
<div class="respond-item" v-for="(item, key) in item.data" :key="key" v-html="jointriposte(key)" @click="selectEomji(key)"></div>
</template>
</div>
</div>
</el-popover>
<!-- <div class="respond-add flexcenter" ref="add" @click="open">
<img class="respond-add-icon" src="@/img/plus-sign.svg" />
<template v-if="selectEomjiPop">
<div class="respond-list-mask" @click.stop="close"></div>
<div class="respond-list-box" @click.stop="">
<div class="respond-list-box" :style="{ 'top': top + 'px', 'left': left + 'px' }" @click.stop="">
<div class="respond-list-title">选择你的回应：</div>
<div class="respond-list">
<template v-for="item in riposteoptions" :key="item">
@@ -12,7 +27,7 @@
</div>
</div>
</template>
</div>
</div> -->
</template>
<script setup>
@@ -21,7 +36,27 @@ const props = defineProps({
index: Number,
})
const add = ref(null)
const top = ref(0)
const left = ref(0)
const open = () => {
console.log("add", add)
const addBox = add.value
const rect = addBox.getBoundingClientRect()
top.value = rect.top + 30 + 15
left.value = rect.left - 235 + 15
// top.value = rect.top - 150 + rect.height / 2
// left.value = rect.left + rect.width + 20
console.log("top", top.value)
console.log("left", left.value)
// console.log("pageYOffset", window.pageYOffset);
// this.respondTop = top
// this.respondLeft = left
selectEomjiPop.value = true
}