no message
This commit is contained in:
A1300399510
@@ -8,12 +8,12 @@
|
||||
<div class="content flexflex" :style="{ '--main-color': colourValue[uniqidIndex]['main'], '--bg-color': colourValue[uniqidIndex]['bg'], '--bc-color': colourValue[uniqidIndex]['bc'] }">
|
||||
<div class="header flexacenter">
|
||||
<span>{{ info.title }}</span>
|
||||
<ClientOnly>
|
||||
<!-- <ClientOnly>
|
||||
<span class="views flexcenter">
|
||||
<img class="eye-icon" src="@/assets/img/eye-icon.svg" />
|
||||
{{ info.views }}
|
||||
</span>
|
||||
</ClientOnly>
|
||||
</ClientOnly> -->
|
||||
</div>
|
||||
<div class="left">
|
||||
<div class="info flexacenter">
|
||||
@@ -38,7 +38,7 @@
|
||||
</div>
|
||||
</el-popover>
|
||||
|
||||
<div class="post-time">{{ handleDate(info.releasetime) }}发布</div>
|
||||
<div class="post-time" v-if="info.releasetime">{{ handleDate(info.releasetime) }}发布</div>
|
||||
</div>
|
||||
<div class="info-right flexacenter" v-if="info['status'] == 1">
|
||||
<div class="cut-off">{{ handleDeadline(info.deadline) }}结束</div>
|
||||
@@ -74,10 +74,24 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="right"><DetailsComments ref="commentsRef" :token="token"></DetailsComments></div>
|
||||
</div>
|
||||
<DetailsArea></DetailsArea>
|
||||
<DetailsArea></DetailsArea>
|
||||
|
||||
<el-dialog class="options-popup" v-model="cancelPopoverState" width="488px" align-center>
|
||||
<!-- 投票后自动评论 -->
|
||||
<template v-if="false">
|
||||
<el-dialog class="default-popup automatic-reviews-popup" v-model="reviewsPopoverState" width="720px" align-center autosize>
|
||||
<div class="automatic-header">
|
||||
<div class="automatic-title">说说您的投票理由</div>
|
||||
<div class="automatic-have">已投：还是申点其他的保底吧</div>
|
||||
</div>
|
||||
<el-input class="automatic-input" placeholder="请输入…" v-model="aaaaa" type="textarea"></el-input>
|
||||
<div class="automatic-bottom flexflex">
|
||||
<div class="automatic-send flexcenter">发送</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
<el-dialog class="default-popup options-popup" v-model="cancelPopoverState" width="488px" align-center>
|
||||
<div class="options-popup-text">您要取消投票吗？</div>
|
||||
<div class="options-popup-btn flexflex">
|
||||
<div class="options-popup-item options-no flexcenter" @click="unvoteVote">取消投票</div>
|
||||
@@ -102,6 +116,10 @@ let id = route.params.id
|
||||
const uniqidEnd = id.charAt(id.length - 1)
|
||||
const uniqidIndex = base62ToDecimal(uniqidEnd) % 6
|
||||
|
||||
let aaaaa = ref("")
|
||||
|
||||
let reviewsPopoverState = ref(true)
|
||||
|
||||
onMounted(() => {
|
||||
getDetails()
|
||||
clearBottom()
|
||||
@@ -117,12 +135,14 @@ let isvote = ref(0) // 是否已经投票
|
||||
let option = ref([])
|
||||
let token = ref("")
|
||||
let cancelPopoverState = ref(false) // 取消投票弹窗
|
||||
let isLoaded = ref(false) // 是否加载了
|
||||
|
||||
provide("info", info)
|
||||
provide("islike", islike)
|
||||
provide("iscollection", iscollection)
|
||||
provide("token", token)
|
||||
provide("qrcode", qrcode)
|
||||
provide("isLoaded", isLoaded)
|
||||
|
||||
const getDetails = () => {
|
||||
detailsHttp({ uniqid: id }).then(res => {
|
||||
@@ -142,6 +162,7 @@ const getDetails = () => {
|
||||
qrcode.value = data.share?.qrcode
|
||||
token.value = data["token"]
|
||||
seo.value = data.seo
|
||||
isLoaded.value = true
|
||||
})
|
||||
}
|
||||
|
||||
@@ -566,8 +587,7 @@ try {
|
||||
</style>
|
||||
|
||||
<style lang="less">
|
||||
.options-popup {
|
||||
border-radius: 10px;
|
||||
.default-popup {
|
||||
.el-dialog__header {
|
||||
padding: 0;
|
||||
.el-dialog__headerbtn {
|
||||
@@ -575,10 +595,14 @@ try {
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
padding: 44px 74px;
|
||||
.el-dialog__body {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.options-popup {
|
||||
border-radius: 10px;
|
||||
padding: 44px 74px;
|
||||
|
||||
.options-popup-text {
|
||||
font-size: 14px;
|
||||
@@ -598,8 +622,8 @@ try {
|
||||
cursor: pointer;
|
||||
|
||||
&.options-yes {
|
||||
background-color: rgba(114, 219, 134, 1);
|
||||
border-color: rgba(114, 219, 134, 1);
|
||||
background-color: rgba(249, 93, 93, 1);
|
||||
border-color: rgba(249, 93, 93, 1);
|
||||
color: #fff;
|
||||
}
|
||||
&.options-no {
|
||||
@@ -610,4 +634,46 @@ try {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.automatic-reviews-popup {
|
||||
border-radius: 10px;
|
||||
.automatic-header {
|
||||
padding: 20px;
|
||||
border-bottom: 1px dotted #ebebeb;
|
||||
.automatic-title {
|
||||
font-weight: 650;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.automatic-have {
|
||||
background-color: rgba(246, 246, 246, 1);
|
||||
font-size: 12px;
|
||||
color: #aaa;
|
||||
width: fit-content;
|
||||
}
|
||||
}
|
||||
|
||||
.automatic-input {
|
||||
.el-textarea__inner {
|
||||
min-height: 256px !important;
|
||||
box-shadow: none;
|
||||
padding: 20px;
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
.automatic-bottom {
|
||||
justify-content: flex-end;
|
||||
padding: 10px;
|
||||
.automatic-send {
|
||||
background-color: var(--main-color);
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user