wo123/shengqingqixie-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

详情页面加上：

Browse Source 
标题：
内容;
This commit is contained in:
王创世 2025-04-16 16:06:51 +08:00
parent 824cca2457
commit d03078e7fe
2 changed files with 12 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/tweets/detail.vue
View File

@ -18,29 +18,23 @@
<t-tag v-if="detail.status == 3" theme="danger">已拒绝</t-tag> <t-tag v-if="detail.status == 3" theme="danger">已拒绝</t-tag>
</div> </div>
</div> </div>
<div>
<div class="tweet-content"> <div style="font-size: 20px;font-weight: bold;margin-bottom: 10px;text-align: center;">{{ detail.title }}</div>
{{ detail.content }}
</div> </div>
<div class="tweet-content" v-html="detail.content"></div>
<div class="tweet-images" v-if="detail.files && detail.files.length > 0"> <div class="tweet-images" v-if="detail.files && detail.files.length > 0">
<h3>图片附件</h3> <h3>图片附件</h3>
<t-image-viewer v-model="visible" :images="detail.files"> <t-image-viewer v-model="visible" :images="detail.files">
<template #trigger="{ open }"> <template #trigger="{ open }">
<div class="image-grid"> <div class="image-grid">
<div <div v-for="(image, index) in detail.files" :key="index" class="image-item" @click="open">
v-for="(image, index) in detail.files" <img :src="image" :alt="`附件图片${index + 1}`" />
:key="index"
class="image-item"
@click="open"
>
<img :src="image" :alt="`附件图片${index+1}`" />
</div> </div>
</div> </div>
</template> </template>
</t-image-viewer> </t-image-viewer>
</div> </div>
<div class="tweet-actions" v-if="detail.status == 1"> <div class="tweet-actions" v-if="detail.status == 1">
<t-space> <t-space>
<t-popconfirm content="确定要审核通过吗？" @confirm="review(1)"> <t-popconfirm content="确定要审核通过吗？" @confirm="review(1)">
@ -50,14 +44,14 @@
<template #content> <template #content>
<p class="title">拒绝理由</p> <p class="title">拒绝理由</p>
<p class="describe" style="margin-top: 10px"> <p class="describe" style="margin-top: 10px">
<t-input v-model="reason" placeholder="请输入拒绝理由"/> <t-input v-model="reason" placeholder="请输入拒绝理由" />
</p> </p>
</template> </template>
<t-button theme="warning">拒绝</t-button> <t-button theme="warning">拒绝</t-button>
</t-popconfirm> </t-popconfirm>
</t-space> </t-space>
</div> </div>
<div class="tweet-actions"> <div class="tweet-actions">
<t-space> <t-space>
<t-button v-if="detail.is_top == 0" theme="success" @click="topNews">置顶</t-button> <t-button v-if="detail.is_top == 0" theme="success" @click="topNews">置顶</t-button>
@ -268,4 +262,4 @@ export default {
.tweet-actions { .tweet-actions {
margin-top: 20px; margin-top: 20px;
} }
</style> </style>

4
src/pages/tweets/index.vue
View File

@ -90,7 +90,9 @@
<t-tag v-if="detailInfo.status == 3" theme="danger">已拒绝</t-tag> <t-tag v-if="detailInfo.status == 3" theme="danger">已拒绝</t-tag>
</div> </div>
</div> </div>
<div>
<div style="font-size: 20px;font-weight: bold;margin-bottom: 10px;text-align: center;">{{ detailInfo.title }}</div>
</div>
<div class="tweet-content" v-html="detailInfo.content"></div> <div class="tweet-content" v-html="detailInfo.content"></div>
<div class="tweet-images" v-if="detailInfo.files && detailInfo.files.length > 0"> <div class="tweet-images" v-if="detailInfo.files && detailInfo.files.length > 0">