Client-Teapay/src/pagesB/my/myWallet.vue

<template>
    <div class="myWallet">
        <div class="acc_info">
            <view class="flex_r flex_jse acc_row">
                <div class="i_num" @click="goto('/pagesB/accountDetails/ConsumptionCharge')">
                    <p class="flex_r flex_ac flex_jc">
                        <image src="@/static/wallet/3.png" class="ico" /><span>消费金</span></p>
                    <p class="dinB">{{localInfo.integral}}</p>
                </div>
                <div class="i_num" @click="goto('/pagesB/my/shuZhiWallet')">
                    <p class="flex_r flex_ac flex_jc">
                        <image src="@/static/wallet/4.png" class="ico" /><span>余额</span></p>
                    <p class="dinB">{{localInfo.property}}</p>
                </div>
                <div class="i_num">
                    <p class="flex_r flex_ac flex_jc">
                        <image src="@/static/wallet/5.png" class="ico" /><span>原始股</span></p>
                    <p class="dinB">{{localInfo.original_equity}}</p>
                </div>
            </view>
            <view class="flex_r flex_jse">
                <div class="i_num" @click="goto('/pages/accountDetails/teaBaby')">
                    <p class="flex_r flex_ac flex_jc">
                        <image src="@/static/wallet/6.png" class="ico" /><span>茶宝</span></p>
                    <p class="dinB">{{userinfo.cha_bao}}</p>
                </div>
                <div class="i_num" @click="goto('/pages/accountDetails/running')">
                    <p class="flex_r flex_ac flex_jc">
                        <image src="@/static/wallet/7.png" class="ico" /><span>云宝</span></p>
                    <p class="dinB">{{userinfo.user_money}}</p>
                </div>
                <div class="i_num" @click="goto('/pagesB/accountDetails/TeaC')">
                    <p class="flex_r flex_ac flex_jc">
                        <image src="@/static/wallet/8.png" class="ico" /><span>TeaC</span></p>
                    <p class="dinB">{{userinfo.teac}}</p>
                </div>
            </view>
        </div>
    </div>
</template>
<script>
import { post } from "@/request/api.js";
export default {
    name: "myWallet",
    props: {},
    components: {},
    data() {
        return {
            userinfo:  uni.getStorageSync("userinfo"), // 获取用户信息
            localInfo: uni.getStorageSync("localInfo"),
        };
    },
    methods: {},
    onLoad(da) {},
    onShow() {},
    mounted() {},
};
</script>
<style scoped lang='scss'>
.myWallet{
    padding: 30rpx 32rpx;
}
// 账户信息
.acc_info {
    width: 100%;
    overflow: hidden;
    background: url("http://teaclub.oss-cn-chengdu.aliyuncs.com/CloudShop/head_pic/7748b9c0380c76907a8a5ba82514f496f9ce55e5png");
    background-size: 100% 100%;
    border-radius: 16rpx;
    padding: 36rpx 0;
    box-sizing: border-box;

    .i_num {
        font-size: 30rpx;
        text-align: center;
        
        p {
            color: #BE7329;
        }

        .ico {
            width: 40rpx;
            height: 40rpx;
            margin-right: 12rpx;
        }

        .dinB {
            margin-top: 10rpx;
            font-size: 32rpx;
        }
    }
    .acc_row{
        margin-bottom: 38rpx;
    }
}
</style>