<view class="flex-col page">
  <view class="flex-col">
    <text class="self-center text">我推荐的用户</text>

    <!-- 直推用户 -->
    <text class="self-start font text_2">直推用户</text>
    <view class="flex-col self-stretch section view">
      <!-- 表头 -->
      <view class="flex-row justify-between group">
        <text class="font_2 text_3">用户名</text>
        <text class="font_2">给我创造的收益</text>
        <text class="font_2 text_4">绑定时间</text>
        <text class="font_2 text_5">联系</text>
      </view>
      <!-- 列表项 -->
      <view class="flex-col mt-13">
        <view
          class="list-item mt-13"
          wx:for="{{items}}"
          wx:for-item="item"
          wx:for-index="index"
          wx:key="index"
        >
          <view class="flex-row justify-between">
            <!-- 用户名：固定宽度、任意字符处断行 -->
            <text class="font_3 name">{{item.userName || 'user_cxzsdfdfs'}}</text>
            <view class="flex-row items-center">
              <text class="font_4">￥{{item.revenue || '160.00'}}</text>
              <view class="flex-row items-center shrink-0 ml-35">
                <text class="font_4">{{item.bindTime || '2025-06-20'}}</text>
                <image
                  class="shrink-0 image ml-27"
                  src="./image/right.png"
                />
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>

    <!-- 间推用户 -->
    <view class="mt-36 flex-col">
      <text class="self-start font text_6">间推用户</text>
      <view class="mt-14 flex-col self-stretch section">
        <view class="flex-row justify-between group">
          <text class="font_2 text_3">用户名</text>
          <text class="font_2">给我创造的收益</text>
          <text class="font_2 text_4">绑定时间</text>
          <text class="font_2 text_5">联系</text>
        </view>
        <view class="flex-col mt-13">
          <view
            class="list-item_2 mt-13"
            wx:for="{{items_1}}"
            wx:for-item="item"
            wx:for-index="index"
            wx:key="index"
          >
            <view class="flex-row justify-between">
              <text class="font_3 name">{{item.userName || 'user_cxzsdfdfs'}}</text>
              <view class="flex-row items-center">
                <text class="font_4">￥{{item.revenue || '160.00'}}</text>
                <view class="flex-row items-center shrink-0 ml-35">
                  <text class="font_4">{{item.bindTime || '2025-06-20'}}</text>
                  <image
                    class="shrink-0 image ml-27"
                    src="./image/right.png"
                  />
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
