<script setup>
	// 意见反馈
	// 联系方式 描述问题 描述详情 问题图片
</script>

<template>
	<view class="app">
		<view class="form mtb30 mlr30 ptb20 plr30 bfff br20">
			<view class="line">
				<view class="key f36">请输入您遇到的问题标题</view>
				<view class="value inputBox">
					<input type="text" placeholder="请输入描述问题标题" />
				</view>
			</view>
			<view class="line">
				<view class="key f36">请输入您遇到的问题详情</view>
				<view class="value inputBox">
					<textarea class="textarea" type="text" placeholder="请输入描述问题详情" />
				</view>
			</view>
			<view class="line">
				<view class="key f36">请输入您遇到的问题</view>
				<view class="imgList mt30">
					<view class="imgs upload fmid wh180 br20">
						<uni-icons type="plusempty" size="80rpx" color="#aaa" />
					</view>
				</view>
			</view>
			<view class="line">
				<view class="key f36">请输入您的联系方式</view>
				<view class="value inputBox">
					<input type="text" placeholder="请输入联系方式" />
				</view>
			</view>

			<view class="btn lg bar black mt60 mb30">提交</view>
		</view>
		
		<view class="fill"></view>
	</view>
</template>

<style lang="scss" scoped>
	// 
	.form {
		.line {
			margin: 40rpx 0;

			.key {
				font-size: 36rpx;
			}

			.value {
				margin-top: 20rpx;
				padding: 15rpx 20rpx;
			}

			// 上传
			.upload {
				border: 4rpx dashed #ddd;
			}

			// 多行文本框
			.textarea {
				width: 100%;
				height: 300rpx;
			}
		}
	}
</style>