<template>
	<view>
C
		<view class="main">
			<view class="details">
				<view class="detailsItem">
					<view>公厕位置</view>
					<view class="content">河南省郑州市管城回族区紫荆山路60正西方向70米</view>
					<u-line class="line" length="90%"></u-line>
				</view>
				<view class="detailsItem">
					<view class="des">管理员姓名</view>
					<view class="content">张三三</view>
					<u-line class="line" length="90%"></u-line>
				</view>
				<view class="detailsItem">
					<view class="des">管理员联系方式</view>
					<view class="content">17798562356</view>
					<u-line class="line" length="90%"></u-line>
				</view>
				<view class="detailsItem">
					<view class="des">公厕面积</view>
					<view class="content">30平方米</view>
					<u-line class="line" length="90%"></u-line>
				</view>
				<view class="detailsItem">
					<view class="des">公厕坑位</view>
					<view class="content">1</view>
					<u-line class="line" length="90%"></u-line>
				</view>
				<view class="detailsItem">
					<view class="des">绑定设备</view>
					<view class="content">A0001</view>
					<u-line class="line" length="90%"></u-line>
				</view>
				<view class="detailsItem">
					<view class="des">公厕照片</view>
					<view>
						<image class="img" src="../../static/logo.png"></image>
					</view>
					<u-line class="line" length="90%"></u-line>
				</view>

				<view class="detailsItem">
					<view class="des">备注信息</view>
					<view class="rmak"><input placeholder="请输入...." /> </view>
				</view>

			</view>

			<view class="butSubmit">

				<view>提交</view>

			</view>


		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.main {
		padding: 24rpx;

		.butSubmit {
			padding: 23rpx;
			background: linear-gradient(89deg, #FFBFBC 0%, #FB262A 100%);
			border-radius: 44rpx 44rpx 44rpx 44rpx;
			font-size: 32rpx;
			color: #FFFFFF;
			text-align: center;
		}

		.details {
			background: #FFFFFF;
			margin-top: 10rpx;
			padding: 20rpx;
			font-size: 28rpx;
			border-radius: 14rpx 14rpx 14rpx 14rpx;

			.detailsItem {
				margin-top: 30rpx;

				.rmak {
					padding: 24rpx;
					background: #F8F4F4;
					border-radius: 4rpx 4rpx 4rpx 4rpx;
				}

				.des {
					color: #333333;
				}

				.content {
					margin-top: 20rpx;
					color: #666666;
				}

				.img {
					width: 185rpx;
					height: 185rpx;
					margin-top: 20rpx;
					background: #F8F4F4;
					border-radius: 4rpx 4rpx 4rpx 4rpx;
				}

				.line {
					padding-top: 20rpx;
				}
			}
		}
	}

	page {
		background-color: #F8F4F4;
	}
</style>