<template>
    <div id="content">
        <van-image
            width="100"
            height="100"
            :src="require('../../assets/result/fail.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: #e84335;
}
.button {
    padding: 1rem 0.5rem;
}
.content {
    font-size: 0.5rem;
    color: #aaa;
    padding-top: 10px;
}
</style>