<template>
    <div id='content'>
        <van-image
            width="100"
            height="100"
            :src="require('../../assets/result/success.png')"
        />
        <div class='text'>{{text}}</div>
        <div class='content' v-if="content">
            {{content}}
        </div>
        <div class='button'>
            <van-button  block color="#52c41a" @click="$router.back()">返回</van-button>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            text:'操作成功',
            content:''
        }
    },
    mounted(){
        let {text,content} = this.$route.query;
        if(text){
            this.text=text;
            this.content=content;
        }
    }
};
</script>

<style scoped>
    #content{
        text-align: center;
        padding-top: 2rem;
    }
    .text{
        margin-top:0.6rem;
        font-size: 0.8rem;
        color:#52c41a
    }
    .button{
        padding: 1rem 0.5rem;
    }
    .content{
        font-size: 0.5rem;
        color: #aaa;
        padding-top: 10px;
    }
</style>