<template>
	
		<uv-navbar
		  :fixed="false"
		  :title="title"
		  left-arrow
		  @leftClick="$onClickLeft"
		/>
  <view class="page flex-col">
    <view class="box_1 flex-col">
      <view class="box_2 flex-row justify-between">
        <view class="image-wrapper_1 flex-col">
          <image
            class="image_1"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG1bfaf8a05e88bd75ae70e8f3b551343d.png"
          />
        </view>
        <view class="text-wrapper_1 flex-col justify-between">
          <text class="text_1">Hi,爱喝汤的小力</text>
          <text class="text_2">ID:&nbsp;1234567890</text>
        </view>
      </view>
      <view class="text-wrapper_2 flex-row justify-between">
        <text class="text_3">累计佣金明细</text>
        <text class="text_4">佣金将于每月15日结算至您的银行卡账号中</text>
      </view>
      <view class="box_3 flex-row justify-between">
        <view class="image-text_1 flex-row justify-between">
          <image
            class="image_2"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG8d0918da7ddc7a6c40842a2a540c5464.png"
          />
          <view class="text-group_1 flex-col justify-between">
            <view class="text-wrapper_3 flex-row justify-between">
              <text class="text_5">VVVV用户昵称</text>
              <text class="text_6">+¥</text>
            </view>
            <text class="text_7">下单日期：2023-09-05&nbsp;09:05:47</text>
          </view>
        </view>
        <text class="text_8">78.0</text>
      </view>
      <view class="box_4 flex-col">
        <view class="box_5 flex-row">
          <view class="image-text_2 flex-row justify-between">
            <image
              class="label_1"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNGec6b895c6ee52a15c9e3be770595bcb3.png"
            />
            <text class="text-group_2">分享</text>
          </view>
        </view>
      </view>
      <view class="box_6 flex-col">
        <view class="block_2 flex-row">
          <image
            class="image_3"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG32306255d56b56fe1fc78a801d42e60b.png"
          />
          <text class="text_10">分销中心</text>
        </view>
      </view>
      <view class="text-wrapper_4 flex-col">
        <text class="text_11">查看邀请码</text>
      </view>
      <view class="box_7 flex-col">
        <view class="box_8 flex-row">
          <text class="text_12">累计佣金(元)</text>
          <image
            class="label_3"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG7272ab8ae0a1aa79eaaae35600b8ba24.png"
          />
          <view class="image-text_3 flex-row justify-between">
            <text class="text-group_3">分销订单(笔)</text>
            <image
              class="label_4"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG7272ab8ae0a1aa79eaaae35600b8ba24.png"
            />
          </view>
        </view>
        <view class="text-wrapper_5 flex-row justify-between">
          <text class="text_13">12000.00</text>
          <text class="text_14">1</text>
        </view>
      </view>
    </view>
    <view class="box_9 flex-row justify-between">
      <view class="image-text_4 flex-row justify-between">
        <image
          class="image_5"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG8d0918da7ddc7a6c40842a2a540c5464.png"
        />
        <view class="text-group_4 flex-col justify-between">
          <view class="text-wrapper_6 flex-row justify-between">
            <text class="text_15">VVVV用户昵称</text>
            <text class="text_16">+¥</text>
          </view>
          <text class="text_17">下单日期：2023-09-05&nbsp;09:05:47</text>
        </view>
      </view>
      <text class="text_18">78.0</text>
    </view>
  </view>
  
</template>
<script setup>

import {
  ref,
  computed
} from 'vue'
import { useMainStore } from '@/store/store'
import { storeToRefs } from 'pinia'
import { onLoad,onShow} from '@dcloudio/uni-app'
import { formatDateTime,kmUnit } from '@/utils/util'


</script>
<style>
@import '../../../static/style/common.css';
@import './index.rpx.css';
</style>
