<template>
	<view class="content">
		<view class="card">
			<view class="card-li">
				<text>反馈类型</text>
				<text style="color: #737373 ;">注册</text>
			</view>
			<view class="card-li">
				<text>问题分类</text>
				<text style="color: #737373 ;">注册</text>
			</view>
			<view class="card-li">
				<text>姓名</text>
				<text style="color: #737373 ;">注册</text>
			</view>
			<view class="card-li">
				<text>电话邮箱</text>
				<text style="color: #737373 ;">注册</text>
			</view>
		</view>


		<view class="card">
			<view class="">
				反馈的具体内容，可能很长
			</view>
			<view style="margin-top: 20rpx;">
				<up-image :show-loading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="160rpx"
					height="160rpx" @click="previewImg('https://cdn.uviewui.com/uview/album/1.jpg')"></up-image>
			</view>
		</view>



	</view>
</template>

<script setup>
	const previewImg = (url) => {
		uni.previewImage({
			urls: [url],
			longPressActions: {
				// itemList: ['发送给朋友', '保存图片', '收藏'],
				// success: function(data) {
				// 	console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
				// },
				// fail: function(err) {
				// 	console.log(err.errMsg);
				// }
			}
		});
	}
</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>