ssm5tq98/src/main/webapp/front/pages/forum-detail/forum-detail.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
	<view>
		<view class="title">
			{{forum.title}}
		</view>
		<view class="username">
			发布人：{{forum.username}}
		</view>
		<view class="content">
			<rich-text :nodes="forum.content"></rich-text>
		</view>
		<view class="uni-article__comment">
			<view class="uni-article__comment-box" v-for="comment in commentData" :key="comment.id">
				<view class="article-meta">
					<view class="article-header-image">
						<image class="image" src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="article-header-content">
						<view class="article-header-title">
							<text>用户:{{comment.username}}</text>
						</view>
						<view class="article-header-info"> {{comment.addtime||''}}</view>
					</view>
				</view>
				<view class="uni-article__comment-centent">
					<user-reply v-if="comment.childs" :digest="comment.childs"></user-reply>
					{{comment.content}}
					<text class="btn-replay" @tap="onReplyTap(comment.id)">回复</text>
				</view>
			</view>
			
			<view class="bottom-content">
				<button @tap="onReplyTap(forum.id)" class="bg-red margin-tb-sm">评论</button>
			</view>
		</view>
	</view>
</template>
<script>
	import userReply from '@/components/forum-reply/forum-reply.vue'
	export default {
		components: {
			userReply
		},
		data() {
			return {
				commentData: [],
				forum: {},
				id: '',
			}
		},
		async onLoad(options) {
			this.id = options.id;
			let res = await this.$api.forumDetail(options.id)
			this.commentData = res.data.childs;
			this.forum = res.data;
			console.log(this.commentData)
		},
		async onShow() {
			let res = await this.$api.forumDetail(this.id)
			this.commentData = res.data.childs;