zj-teach/pages/myOrder/myOrder.wxml

<!--pages/myOrder/myOrder.wxml-->

<view class="orderWrapper">
    <view class="myOrder" bindtap="toOrderDetatil">
        <!-- 订单左侧部分 -->
        <view class="orderContent">
            <view>
                <text>订单号</text>
                <text class="orderDetail">xxx</text>
            </view>
            <view>
                <text>订单内容</text>
                <text class="orderDetail">xxx</text>
            </view>
            <view>
                <text>订单日期</text>
                <text class="orderDetail">2022-12-20</text>
            </view>
        </view>
        <!-- 订单右侧部分 -->
        <view class="orderStatus">
            <view>
                <text>对方</text>
                <text class="orderDetail">教员</text>
            </view>
            <view>
                <text>订单状态</text>
                <text class="orderDetailStatus">待支付</text>
            </view>
        </view>
    </view>
    <view class="myOrder" bindtap="toOrderDetatil">
        <!-- 订单左侧部分 -->
        <view class="orderContent">
            <view>
                <text>订单号</text>
                <text class="orderDetail">xxx</text>
            </view>
            <view>
                <text>订单内容</text>
                <text class="orderDetail">xxx</text>
            </view>
            <view>
                <text>订单日期</text>
                <text class="orderDetail">2022-12-20</text>
            </view>
        </view>
        <!-- 订单右侧部分 -->
        <view class="orderStatus">
            <view>
                <text>对方</text>
                <text class="orderDetail">教员</text>
            </view>
            <view>
                <text>订单状态</text>
                <text class="orderDetailStatus">待支付</text>
            </view>
        </view>
    </view>
</view>