猫妈狗爸伴宠师小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

81 lines
2.1 KiB

<template>
<view class="my-data">
<view class="my-data-mounth">
<cardTitle :cardTitle="nounthName"></cardTitle>
<cardData :cardData="nounthData"></cardData>
</view>
</view>
<view class="my-data">
<view class="my-data-total">
<cardTitle :cardTitle="totalName"></cardTitle>
<cardData :cardData="totalData"></cardData>
</view>
</view>
<view class="bottom box-size child" :style="{ borderRadius: '16rpx' }">
<view class="form_item">
累积数据:即注册至今的累计数据
</view>
<view class="line1">
</view>
<view class="form_item">
当月注册用户:在本月初至今您成功邀请绑定的新用户数量
<p>累积注册用户:您入驻合伙人至今成功邀请绑定的用户数量</p>
</view>
<view class="line1">
</view>
<view class="form_item">
当月下单用户:在本月初至今成功邀请绑定的新用户中截止今天成功下单的用户数;
<p>累积下单用户:您入驻合伙人至今成功邀请绑定的新用户中截止今日成功下单的用户数</p>
</view>
<view class="line1">
</view>
<view class="form_item">
当月有效用户:本月初至今下单的用户中截止今日订单已完成的用户数量;
<p>累积有效用户:您入驻合伙人至今成功下单的新用户中截止今日所有订单已完成的用户数</p>
</view>
</view>
</template>
<script setup>
import cardTitle from '../../components/cardTitle.vue'
import cardData from '../../components/cardData.vue'
import {
ref,
reactive
} from "vue"
const nounthName = ref('当月数据')
const totalName = ref('累计数据')
const nounthData = reactive([{
title: '当月注册用户',
num: "0个"
},
{
title: '当月下单用户',
num: "0个"
},
{
title: '当月有效用户',
num: "0个"
},
])
const totalData = reactive([{
title: '累计注册用户',
num: "0个"
},
{
title: '累计下单用户',
num: "0个"
},
{
title: '累计有效用户',
num: "0个",
color:'red'
},
])
</script>
<style scoped lang="scss">
@import "../index.scss";
</style>