<template>
	<view class="container index">
		<nav-header :rightIcon="false">反馈详情</nav-header>
		<view style="margin-top: 120rpx;">
			<view style="background-color: #1D1F1E;box-sizing: border-box;padding:20rpx;max-height: 300rpx;">
				<view>反馈：</view>
				<view style="margin-top: 20rpx;">{{data.content}}</view>
				<view style="display: flex;align-items: center;flex-wrap:wrap;">
					<view class="" v-for="(item,index) in data.imgs" :key='index'>
						<image :src="item" mode="" style="width:100rpx;height: 100rpx;border-radius: 20rpx;margin-right: 20rpx;"></image>
					</view>
				</view>
			</view>
		</view>
		<view v-if='data.re_prep' class="Subtitle">
			<view>回复：</view>
			<view v-html='data.re_prep' style="margin-top: 20rpx;"></view>
		</view>
	</view>
</template>

<script>
	import navHeader from "@/components/my/nav_header.vue"
	export default {
		components: {
			navHeader
		},
		data() {
			return {
				id:null,
				data:{}
			}
		},
		onLoad(e) {
			this.id = e.id
			this.user()
		},
		methods: {
			user(){
				this.api.reMsg(this.id).then(res=>{
					this.data = res.data
					console.log(res)
				})
			}
		}
	}
</script>

<style scoped>
.Subtitle{
	background-color: #1D1F1E;
	box-sizing: border-box;
	padding:20rpx;
	margin-top: 20rpx;
}
</style>
