129 lines
4.5 KiB
Vue
129 lines
4.5 KiB
Vue
<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: 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 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 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>
|