<template>
    <div>
       <div class="testby">
            <div class="test_content">
                <p style="font-size:28px;color:#333333">测试宝余额</p>
                <p>
                    <span style="font-size:30px;color:#3791FA">{{accountdata.balance}}</span>
                    <span style="font-size:18px;color:#A6A6A6;margin-left: 10px;">元</span>
                </p>
                <p style="font-size:18px;color:#A6A6A6;margin-bottom:30px">可提现余额：{{accountdata.availableBalance}}元</p>
                <el-divider ></el-divider>
                <div style="margin-top:50px;">
                    <el-button type="primary" style="width:150px;height:50px;font-size: 18px;margin-right:20px;">充值</el-button>
                    <el-button type="info"  style="width:150px;height:50px;font-size: 18px;margin-left:20px;">提现</el-button>
                </div>
            </div>
       </div>
    </div>
</template>
<script>
    import {mapGetters} from "vuex";
    import {queryAccount} from "@/api/my/testb";
    export default{
        data(){
            return{
                accountdata:{}
            }
        },
        mounted(){

            queryAccount(this.userinform.userId).then(res=>{
                this.accountdata=res
            })
        },
        computed: {
            ...mapGetters(['userinform'])
        },
        methods:{

        },

    }
</script>
<style scoped>
    .testby{
        width:650px;
        height: 500px;
        margin: 50px auto;
        background:#F1F3F8 ;
        border-radius: 10px;
        padding: 0 150px
    }
    .test_content{
        text-align: center;
        padding-top: 50px;
    }
</style>