12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- <template>
- <view class="content">
- <view class="content-item">
- <view class="item-title">一、点击首页【一键预约】,进入预约 下单流程。</view>
- <view class="item-img"><u-image src="/static/stepOne.png" width="460rpx" height="400rpx"></u-image></view>
- </view>
- <view class="content-item">
- <view class="item-title">二、录入预约时间、用户信息、预约分 类、预估重量等信息,输入完毕点击【 立刻下单】,即可提交订单。</view>
- <view class="item-img"><u-image src="/static/stepTwo.png" width="460rpx" height="400rpx"></u-image></view>
- </view>
- <view class="content-item">
- <view class="item-title">三、订单提交完成,等待骑手上门。 可在【待服务】列表查看待服务订单 详情。</view>
- <view class="item-img"><u-image src="/static/stepThree.png" width="460rpx" height="400rpx"></u-image></view>
- </view>
- <view class="content-item">
- <view class="item-title">四、骑手上门服务,录入回收品类和 重量信息,自动生成应付金额,线下 支付给用户。</view>
- <view class="item-img"><u-image src="/static/stepFour.png" width="460rpx" height="400rpx"></u-image></view>
- </view>
- </view>
- </template>
- <script>
- </script>
- <style lang="less">
- .content{
- width: 100%;
- height: 100vh;
- padding: 60upx;
- display: flex;
- flex-direction: column;
- .content-item{
- text-align: center;
- margin-bottom: 120upx;
- .item-title{
- font-size: 18px;
- font-family: PingFang SC;
- font-weight: 500;
- color: #191919;
- .item-img{
- margin: 60upx auto 120upx;
- // display: flex;
- // justify-content: center;
- .img{
- // width: 100%;
- // height: 100%;
- }
- }
- }
- }
- }
- </style>
|