<template>
	<view class="content">
		<view class="content-item">
			<view class="item-title">一、点击首页【一键预约】，进入预约下单流程。</view>
			<view class="item-img"><image src="/static/stepOne.png" style="width: 230px;height: 200px;"></image></view>
		</view>
		<view class="content-item">
			<view class="item-title">二、录入预约时间、用户信息、预约分类、预估重量等信息，输入完毕点击【立刻下单】，即可提交订单。</view>
			<view class="item-img"><image src="/static/stepTwo.png" style="width: 230px;height: 200px;"></image></view>
		</view>
		<view class="content-item">
			<view class="item-title">三、订单提交完成，等待骑手上门。可在【待服务】列表查看待服务订单详情。</view>
			<view class="item-img"><image src="/static/stepThree.png" style="width: 230px;height: 200px;"></image></view>
		</view>
		<view class="content-item">
			<view class="item-title">四、骑手上门服务，录入回收品类和重量信息，自动生成应付金额，线下支付给用户。</view>
			<view class="item-img"><image src="/static/stepFour.png" style="width: 230px;height: 200px;"></image></view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less">
	.content{
		width: 100%;
		height: 100vh;
		padding: 60upx;
		display: flex;
		flex-direction: column;
		.content-item:not(last-child){
			text-align: center;
			margin-bottom: 120upx;
			.item-title{
				font-size: 18px;
				font-family: PingFang SC;
				font-weight: 500;
				color: #191919;
				margin-bottom: 60upx;
			}
		}
	}
</style>
