we_spa_admin/pages/orderDetail/orderDetail.wxml

<view class="content">
  <view class="item border-radius">
    <view class="item-top flex-align-center">
      <text class="flex1">水氧清洁水光提升综合管理</text>
      <text style="font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FF77B0;">已完成</text>
    </view>
    <view class="item-text flex-column">
      <text>预约客户：查理兹·塞隆</text>
      <text>会员信息：非会员</text>
      <text>预约时间：2019-8-7  8：00~10：00</text>
      <text>设备：面部综合仪（5号房间）</text>
    </view>
    <view class="flex-align-center price">
      <text>预约费用：</text>
      <text style="color: #FF77B0;">￥888.88</text>
    </view>
  </view>
  <view class="item border-radius" style="padding-bottom: 30rpx;">
    <view class="item-top flex-align-center">
      <text class="flex1">订单信息</text>
    </view>
    <view class="item-text flex-column">
      <text>订单编号：1578789575124</text>
      <text>下单时间：2021-8-7 14：12：45</text>
      <text>支付方式：在线支付</text>
      <text>支付时间：2021-8-7 14：13：58</text>
      <view class="copy flex-center" bindtap="onCopyOrderNum" data-num="1578789575124">复制</view>
    </view>
  </view>
  <view class="item border-radius" style="padding-top: 30rpx;">
    <view class="item-text">
      <view class="flex-justify-space-between">
        <text>预约费用：</text>
        <text style="color: #333333;">￥888.88</text>
      </view>
      <view class="flex-justify-space-between">
        <text>优惠券：</text>
        <text style="color: #333333;">-￥888.88</text>
      </view>
      <view class="flex-justify-space-between">
        <text>优惠券类型：</text>
        <text style="color: #333333;">新人体验券</text>
      </view>
      <view class="flex-justify-space-between">
        <text>会员时长抵扣：</text>
        <text style="color: #333333;">-￥888.88</text>
      </view>
      <view class="flex-justify-space-between">
        <text>会员类型：</text>
        <text style="color: #333333;">40分钟级月卡会员</text>
      </view>
    </view>
    <view class="flex-align-center price">
      <text>合计：</text>
      <text style="color: #FF77B0;">￥888.88</text>
    </view>
  </view>
  <view class="list border-radius">
    <view class="item-top flex-align-center">
      <text class="flex1">反馈记录</text>
      <view class="btn flex-center">新增反馈</view>
    </view>
    <view class="item flex-column" wx:for="{{4}}" wx:key="index">
      
      <view class="user-info flex-align-center">
        <image></image>
        <view class="info flex-column flex1">
          <text style="font-size: 28rpx;margin-bottom: 6rpx;">查理兹·塞隆…</text>
          <text style="font-size: 20rpx;color: #999;">下午  3:45</text>
        </view>
        <view class="more flex-align-center flex-justify-space-between">
          <text></text>
          <text></text>
          <text></text>
        </view>
        <!-- <view class="more">···</view> -->
      </view>
      <text style="font-size: 28rpx;color: #666;">当前皮肤毛孔出现堵塞，抓哟集中在T区，主要问题在于自身油脂分泌过多。</text>
      <view class="box">
        <image></image>
        <image></image>
        <image></image>
        <image></image>
        <image></image>
        <image></image>
      </view>
    </view>
  </view>
  <view class="no-more-data">已经到底啦~~</view>
</view>