houseworking/miniapp/app/pages/order/index.wxml

<view class="page">
    <view class="page-bd">
        <!-- 服务 -->
        <view class="service">
            <view class="cell">
                <view class="left">
                    <image class="order-img" src="/img/demo/order-img.png"></image>
                    <view class="info">
                        <view class="name">家政</view>
                        <view class="text">病人看护</view>
                        <view class="text">2018-08-09 12:33:32</view>
                    </view>
                </view>
                <view class="right">
                    <view class="text-top">已付款</view>
                    <view class="text-bottom">￥200</view>
                    <view class="btn-blue">添加评价</view>
                </view>
            </view>
            <view class="cell">
                <view class="left">
                    <image class="order-img" src="/img/demo/order-img.png"></image>
                    <view class="info">
                        <view class="name">家政</view>
                        <view class="text">老人看护</view>
                        <view class="text">2018-08-09 12:33:32</view>
                    </view>
                </view>
                <view class="right">
                    <view class="text-top">未付款</view>
                    <view class="text-bottom">￥200</view>
                    <view class="btn-blue">立即付款</view>
                </view>
            </view>
            <view class="cell">
                <view class="left">
                    <image class="order-img" src="/img/demo/order-img.png"></image>
                    <view class="info">
                        <view class="name">家政</view>
                        <view class="text">月嫂</view>
                        <view class="text">2018-08-09 12:33:32</view>
                    </view>
                </view>
                <view class="right">
                    <view class="text-top">已预约，等待处理</view>
                </view>
            </view>
        </view>
        <!-- 商品 -->
        <view class="goods">
            <view class="cell">
                <view class="left">
                    <image class="order-img" src="/img/demo/order-img.png"></image>
                    <view class="info">
                        <view class="name">母婴用品</view>
                        <view class="text">抱娃神器 x1，奶嘴儿 x2</view>
                        <view class="text">2018-08-09 12:33:32</view>
                    </view>
                </view>
                <view class="right">
                    <view class="text-top">已付款</view>
                    <view class="text-bottom">￥300</view>
                </view>
            </view>
        </view>
    </view>
</view>