<template>
	<view class="content">
		<view class="card">
			<view class="card-li">
				<text>姓名</text>
				<text style="color: #737373 ;">{{datas.name}}</text>
			</view>
			<view class="card-li">
				<text>电话邮箱</text>
				<text style="color: #737373 ;">{{datas.contact}}</text>
			</view>
		</view>


		<view class="card">
			<view class="">
				<!-- 反馈的具体内容，可能很长 -->
				{{datas.content}}
			</view>
			<view style="margin-top: 20rpx;display: flex;">
				<up-image v-for="item in datas.images" :show-loading="true" :src="item" @click="previewImg(item)"
					width="100rpx" height="100rpx" style="margin-right: 20rpx;"></up-image>
			</view>
		</view>



	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	import {
		onLoad
	} from "@dcloudio/uni-app"

	const previewImg = (url) => {
		uni.previewImage({
			urls: [url],
			longPressActions: {}
		});
	}


	const datas = ref({})

	onLoad((option) => {
		console.log(option.item)
		datas.value = JSON.parse(option.item)

	})
</script>

<style lang="scss">
	.content {
		padding: 20rpx;

		.card {
			background-color: white;
			padding: 20rpx;
			border-radius: 16rpx;
			margin-bottom: 30rpx;


			.card-li {
				display: flex;
				justify-content: space-between;
				margin-bottom: 20rpx;
			}
		}

	}
</style>