1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- <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>
|