queued-payment/pages/home-page/home-page.wxml

<view class="page-bg">
  <view class="merchant-information">
    <image class="default-avatar" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/default-avatar.png" />
    <view class="information-content">
      <view class="information-name">李姐烧烤</view>
      <view class="address-text">地址：广西南宁市江南区波尔多庄园2-109号商铺</view>
    </view>
  </view>
  <view class="revenue-information">
    <navigator hover-class="none"  url="/pages/user-orders/user-orders">
      <view class="projected-revenue-content">
        <view class="projected-revenue-item">
        <view class="character-style">￥</view>
        <view class="character-price">394.00</view>
        </view>
        <view class="revenue-item-text">
        <view class="character-text">预计到账收益</view>
        <image class="help-icon" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/help-icon.png" />
        </view>

      </view>
    </navigator>
    
    <view class="segmentation"></view>
    <navigator hover-class="none"  url="/pages/withdrawal-management/withdrawal-management">
    <view class="projected-revenue-content">
      <view class="projected-revenue-item">
      <view class="character-style">￥</view>
      <view class="character-price">5000.00</view>
      </view>
      <view class="revenue-item-text">
      <view class="character-text">总到账收益</view>
      <image class="help-icon" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/help-icon.png" />
      </view>

    </view>
    </navigator>

  </view>
  <view class="recent-orders-content">
    <view class="recent-orders-title">
      <image class="title-stlye" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/title-stlye.png" />
      <view class="title-text">最近订单</view>
    </view>
    <view class="ordering-information">
      <view class="order-number">订单编号 22398983498</view>
      <view class="ordering-information-item">
        <view class="ordering-pic">
          <image class="order-chart" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/order-chart.png" />
        </view>
        <view class="ordering-text">
          <view class="ordering-text-title">李姐烧烤(普罗旺斯店)</view>
          <view class="amount-of-money">金额：<span class="price-style">￥450.00</span></view>
          <view class="order-time">订单时间：2023-10-24 20:39:56</view>
        </view>
      </view>
      <view class="order-status">
        <button class="refund-button">退款</button>
      </view>
      <view class="divider-style"></view>
    </view>
    <view class="ordering-information">
      <view class="order-number">订单编号 22398983498</view>
      <view class="ordering-information-item">
        <view class="ordering-pic">
          <image class="order-chart" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/order-chart.png" />
        </view>
        <view class="ordering-text">
          <view class="ordering-text-title">李姐烧烤(普罗旺斯店)</view>
          <view class="amount-of-money">金额：<span class="price-style">￥450.00</span></view>
          <view class="order-time">订单时间：2023-10-24 20:39:56</view>
        </view>
      </view>
      <view class="order-status">
        <button class="refunded-button-style">已退款</button>
      </view>
      <view class="divider-style"></view>
    </view>
    <view class="ordering-information">
      <view class="order-number">订单编号 22398983498</view>
      <view class="ordering-information-item">
        <view class="ordering-pic">
          <image class="order-chart" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/order-chart.png" />
        </view>
        <view class="ordering-text">
          <view class="ordering-text-title">李姐烧烤(普罗旺斯店)</view>
          <view class="amount-of-money">金额：<span class="price-style">￥450.00</span></view>
          <view class="order-time">订单时间：2023-10-24 20:39:56</view>
        </view>
      </view>
      <view class="order-status">
        <button class="refund-button">退款</button>
      </view>
      <view class="divider-style"></view>
    </view>
  </view>



</view>