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

25
components/RespondAdd.vue
View File

@@ -1,5 +1,5 @@
<template>
<el-popover :width="470" trigger="click" popper-class="add-popper" :teleported="false" :offset="10" :show-arrow="false" @show="catState(true)" @hide="catState(false)" v-model:visible="state" :placement="type == 'bottom' ? 'top' : 'bottom' ">
<el-popover ref="addPopper" :width="470" trigger="click" popper-class="add-popper" :teleported="false" :offset="10" :show-arrow="false" @show="catState(true)" @hide="catState(false)" v-model:visible="state" :placement="type == 'bottom' ? 'top' : 'bottom'">
<template #reference>
<div class="respond-add flexcenter" :class="{ 'angle': state }">
<img class="respond-add-icon" src="@/assets/img/plus-sign.svg" />
@@ -9,7 +9,9 @@
<div class="respond-list-box">
<div class="respond-list-title">选择你的回应：</div>
<div class="respond-list">
<div class="respond-item" v-for="item in 18" :key="item">&#xc150;</div>
<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>
@@ -22,22 +24,33 @@ let props = defineProps({
let state = ref(false)
const emit = defineEmits(['update:message']);
let riposteoptions = inject("riposteoptions")
let selectEomjiPop = inject("selectEomjiPop")
let jointriposte = inject("jointriposte")
const emit = defineEmits(["update:respondShowState"])
const catState = value => {
state.value = value
if (props.type == "bottom") {
console.log(value);
emit('update:message', value);
emit("update:respondShowState", value)
}
}
const addPopper = ref(null)
const selectEomji = key => {
selectEomjiPop(key)
addPopper.value.hide()
}
</script>
<style lang="less" scoped>
.respond-add {
width: 30px;
height: 30px;
background: rgba(114, 219, 134, 1);
background-color: var(--main-color);
// background: rgba(114, 219, 134, 1);
border-radius: 50%;
cursor: pointer;
position: relative;