we_spa_admin/subpackage/user/pages/service-list/index.wxml

<view class="body">
    <view class="tab">
        <view class="tab-item {{tabCurrent === index ? 'active': ''}}"
            wx:for="{{tab}}"
            wx:key="name"
            data-index="{{index}}"
            bind:tap="changeTab">
            <text>{{item.text}}</text>
        </view>
    </view>
    <view class="list">
        <view class="jl-card">
            <view class="jl-card-head">
                <view class="jl-card-head-title">水氧清洁水光提升</view>
                <view class="jl-card-head-status">待用户确认</view>
            </view>
            <view class="jl-card-order">
                <image class="jl-card-order-img" src="" />
                <view class="jl-card-order-right">
                    <view class="jl-card-order-label">预约店铺：西丽店</view>
                    <view class="jl-card-order-label">预约时间：2021/8/7 8:00~9</view>
                    <view class="jl-card-order-label">设备：无针水光</view>
                </view>
            </view>
            <view class="jl-card-money">实付：<text>￥888.88</text></view>
        </view>
    </view>
</view>