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" @click="goStatisticalPanel">
            <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'
            // })

          uni.showToast({
            title: '亲爱的娇宝贝，惊喜将在30天后开启，敬请期待哟！爱你哟',
            //将值设置为 success 或者直接不用写icon这个参数
            icon: 'none',
            //显示持续时间为 2秒
            duration: 3000
          })

        }
    }
}
</script>

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