jje_uniapp/myPages/promotionCenter/index.vue

<template>
    <view class="page">

        <view class="flex-row justify-between top">

            <view class="flex-col justify-start item">
                <view class="flex-row justify-center">
                    <image class="image" src="/static/order/ud16.png"></image>
                </view>
                <view class="title">
                    <text>奖励金额</text>
                </view>
                <view class="title1">
                    <text>￥{{earningsAmount}}</text>
                </view>
            </view>


            <view class="flex-col justify-start item1">
                <view class="flex-row justify-center">
                    <image class="image" src="/static/order/ud15.png"></image>
                </view>
                <view class="title">
                    <text>注册人数</text>
                </view>
                <view class="title1">
                    <text>{{registerNum}}</text>
                </view>
            </view>

        </view>


        <view class="btn" >
            <text>去提现（暂未开放）</text>
        </view>

    </view>
</template>

<script>

export default {
    components: {
    },
    data() {
        return {
          earningsAmount:'',
          registerNum:''
        };
    },
    onLoad() {

    },
    onShow(){
      this.$api.spreadCount().then(res=>{
         if (res.data.code==200){
           this.earningsAmount=res.data.data.earningsAmount
           this.registerNum=res.data.data.registerNum
         }else {
           uni.showToast({
             title: "获取失败"
           })
         }
      })
    },
    methods: {
        goStatisticalPanel(){
            uni.navigateTo({
                url:'/myPages/statisticalPanel/index'
            })
        }
    }
}
</script>

<style scoped lang="scss">
@import '../../common/css/common.css';
@import './index.rpx.scss';
</style>