laundry/pages/order/detail/detail.wxml

<!--pages/order/detail/detail.wxml-->
<view class="navBar" style="top: {{btnInfo.top +5}}px;">
    <van-icon name="arrow-left" size="25" bindtap="backBtn" />
</view>
<view class="topBg">
    <image src="/image/home/bg.png" class="img-bgs bg"></image>

    <view class="title">
        未支付
    </view>

    <taskOrder value="3" bind:rightClick="rightClick" />

    <view class="zhifu flex">
        <view class="tips">
            订单提交成功，请及时支付
        </view>
        <view class="price">合计费用：¥24.00</view>

        <view class="footer flex ">
            <view class="btn btn-sky">支付</view>
            <view class="btn btn-border">取消订单</view>
        </view>
    </view>

    <view class="statusBox">
        <view class="b-bottom">
            <view class="statusTips">
                请您打包好待清洗衣物，等待工作人员上门取衣
            </view>

            <view class="statusTime">
                上门服务时间：9:00-21:00，建议使用一次性包装袋打包衣物
            </view>

            <view class="statusBtn flex">
                <view class="btn btn-sky">取件码</view>
                <view class="btn btn-border">取消订单</view>
            </view>
        </view>

        <view class="statusFooter">
            <view class="top flex ju-b">
                <view class="le">服务网点</view>
                <view class="lr flex">
                    <image src="/image/icon/navigation.png" ></image>
                    <text>导航</text>
                </view>
            </view>
            <view class="bottom">
                创星汇科技园
            </view>
        </view>
    </view>
</view>

<view class="contioner">
    <view class="tit">购买信息</view>

    <view class="payMessage">
        <view class="items b-bottom ">
            <view class="le flex ">
                <image src="/image/order/houwaitao.png" class="message"></image>
                <view class="messageBoxs">
                    <view class="name">衬衫-上衣类就的撒几点了空间撒劳动纪律撒娇的理解撒</view>
                    <view class="flex ju-b">

                        <view class="num">x2</view>
                        <view class="lr">¥38</view>
                    </view>
                </view>
            </view>

            <view class="footer flex ">
                <text class="t1">增值服务</text>
                <view class="content">
                    <text>防水处理 <text class="t2">￥20/件 </text> </text>|
                    <text>塑封包膜 <text class="t2">￥20/件 </text></text>
                </view>

                <text class="price">￥40</text>
            </view>
        </view>

        <view class="orderMessage b-bottom">
            <view class="items flex ju-b ">
                <view class="les">订单金额</view>
                <view class="lr">¥107</view>
            </view>

            <view class="items flex ju-b">
                <view class="les">运费</view>
                <view class="lr">¥10</view>
            </view>

            <view class="items flex ju-b ">
                <view class="les">运费扣减</view>
                <view class="lr color">-¥10</view>
            </view>

            <view class="items flex ju-b ">
                <view class="les">优惠抵扣</view>
                <view class="lr color">-¥10</view>
            </view>

            <view class="items flex ju-b ">
                <view class="les">客服调整</view>
                <view class="lr color">-¥10</view>
            </view>
        </view>

        <view class="allPrice flex ju-e">
            <text>实付</text>
            <text class="num">￥87</text>
        </view>
    </view>
</view>


<view class="contioner">
    <view class="tit b-bottom">清洗备注</view>
   <view class="remarks">
    蓝色上衣袖口有污渍这里着重清洗一
   </view>


</view>

<view class="contioner">
    <view class="tit b-bottom">订单信息</view>
    <view class="footerBoxs">
        <view class="footerItems flex ju-b">
            <view class="les">订单编号</view>
            <view class="lrs flex">
                <text>9283 9282 2938 2938 1</text>
                <view class="btn-border btn">复制</view>
                <view class="btn-border btn">二维码</view>
            </view>
        </view>


        <view class="footerItems flex ju-b">
            <view class="les">下单时间</view>
            <view class="lrs">2019-11-09 17:41:25</view>
        </view>

        <view class="footerItems flex ju-b">
            <view class="les">支付方式</view>
            <view class="lrs">微信支付</view>
        </view>

        <view class="footerItems flex ju-b">
            <view class="les">支付状态</view>
            <view class="lrs">已支付</view>
        </view>
    </view>


</view>