recycapp/unpackage/dist/dev/mp-weixin/pages/index/index.wxml

<view class="content"><view class="topBox"><view class="topStatus"></view><view class="flex-between headBox" style="height:117rpx;padding-right:35rpx;"><view class="menuBox"><view data-event-opts="{{[['tap',[['menuClick',[1]]]]]}}" class="{{['menuView','flex-center',(menuNum==1)?'checkMenu':'']}}" bindtap="__e">抢单大厅<view hidden="{{!(menuNum==1)}}" class="menuLine"></view></view><view data-event-opts="{{[['tap',[['menuClick',[2]]]]]}}" class="{{['menuView','flex-center',(menuNum==2)?'checkMenu':'']}}" bindtap="__e">回收大堂<view hidden="{{!(menuNum==2)}}" class="menuLine"></view></view></view><view class="cityBox flex-center">南京市</view></view></view><view class="contentBox"><view class="menuBox1" style="display:none;"><view class="notice"><view class="notice-icon"><image class="icon" src="/static/img/news.png" mode></image></view><view class="notice-row"><text class>{{notice}}</text></view></view><view class="flex-between" style="margin-top:31rpx;"><view><view class="orderLabel flex-center"><view class="leftLine"></view>订单列表</view></view><view class="flex-center"><view class="flex-center selectBox"><view>全部需求</view><u-icon style="margin-left:13rpx;" vue-id="8dd740cc-1" name="arrow-down" color="#333333" size="12" bind:__l="__l"></u-icon></view><view class="flex-center selectBox"><view>距离最近</view><u-icon style="margin-left:13rpx;" vue-id="8dd740cc-2" name="arrow-down" color="#333333" size="12" bind:__l="__l"></u-icon></view></view></view><view class="orderBox"><view class="flex-between"><view></view><view class="flex-center"><view class="timeLabel">36分钟内</view><view class="timeLabel2">(10:17前)上门</view></view><view class="distant">1.5公里</view></view><view class="flex-between addressBox"><view class="addressText">‌江苏省南京市玄武区珠江路88号金鹰...</view><view class="addressBtn">导航</view></view><view class="flex-between goodsWrap"><view class="goodsBox1 flex-center" style="width:40%;"><image class="goodsImg" src="/static/img/41.png"></image><view><view class="goodsText1">回收品类</view><view class="goodsText2">冰箱</view></view></view><view class="goodsBox2 flex-column-center" style="width:20%;"><view class="goodsText1">数量</view><view class="goodsText2">X1</view></view><view class="goodsBox3 flex-column-center" style="width:40%;"><view class="goodsText1">预估价</view><view class="flex-center"><view class="priceIcon">￥</view><view class="priceNum">333</view></view></view></view><view class="remarkBox">备注：需要不要打电话，请按门铃</view><view class="flex-between userBox"><view class="flex-center"><image class="userImg" src="/static/img/39.png"></image><view>糯米小团子</view></view><view class="userBtn flex-center">抢单</view></view></view></view><view class="menuBox2"><view class="navbar"><block wx:for="{{tabAll}}" wx:for-item="item" wx:for-index="__i0__"><view data-event-opts="{{[['tap',[['selectTab',['$0'],[[['tabAll','',__i0__,'id']]]]]]]}}" class="{{['item',tabCur==item.id?'on':'']}}" bindtap="__e">{{''+item.name+''}}</view></block><view class="orderText">改派订单</view></view><view class="navbar2 flex-around"><block wx:for="{{tabs}}" wx:for-item="item" wx:for-index="__i1__"><view data-event-opts="{{[['tap',[['selectTab',['$0'],[[['tabs','',__i1__,'id']]]]]]]}}" class="{{['navItem',tabCur==item.id?'navItemCheck':'']}}" bindtap="__e">{{''+item.name+''}}</view></block></view><view style="height:195rpx;"></view><view class="orderBox"><view class="flex-between"><view class="flex-center"><view class="timeLabel">36分钟内</view><view class="timeLabel2">(10:17前)上门</view></view><view class="distant">1.5公里</view></view><view class="flex-between addressBox"><view class="addressText">‌江苏省南京市玄武区珠江路88号金鹰...</view><view class="addressBtn">导航</view></view><view class="flex-between goodsWrap"><view class="goodsBox1 flex-center" style="width:40%;"><image class="goodsImg" src="/static/img/41.png"></image><view><view class="goodsText1">回收品类</view><view class="goodsText2">冰箱</view></view></view><view class="goodsBox2 flex-column-center" style="width:20%;"><view class="goodsText1">数量</view><view class="goodsText2">X1</view></view><view class="goodsBox3 flex-column-center" style="width:40%;"><view class="goodsText1">预估价</view><view class="flex-center"><view class="priceIcon">￥</view><view class="priceNum">333</view></view></view></view><view class="remarkBox">备注：需要不要打电话，请按门铃</view><view class="flex-between userBox"><view class="flex-center"><image class="userImg" src="/static/img/39.png"></image><view>糯米小团子</view></view><view class="flex-center contactText"><u-icon style="margin-right:7rpx;" vue-id="8dd740cc-3" name="phone" color="#333333" size="16" bind:__l="__l"></u-icon>联系TA</view></view><view class="lineEle"></view><view class="flex-between userBox"><view class="flex-center statusText1">更多操作<view class="floatBtnBox"><view class="floatBtnEle">取消订单</view><view class="btnLine"></view><view class="floatBtnEle">改派订单</view></view></view><view class="flex-center"><view class="userBtn2 flex-center">修改预约</view><view class="userBtn flex-center">抢单</view></view></view></view></view></view><custom-tab-bar vue-id="8dd740cc-4" current-page="{{0}}" bind:__l="__l"></custom-tab-bar></view>