<template>
    <div>
        <mt-header title="领取成功">
            <router-link to="/" slot="left">
                <mt-button icon="back"></mt-button>
            </router-link>
        </mt-header>
        <div class="success-img">
            <img src="../assets/img/receiveSuccess.png"/>
            <div class="tips">
                温馨提示：对于同一种避孕药具，一个人一个季度最多领取三盒
            </div>
        </div>
        <div class="backHome">
            <mt-button type="primary" @click="backHome">返回首页</mt-button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "receiveSuccess",
        methods:{
            backHome(){
                this.$router.push("/");
            }
        }
    }
</script>

<style scoped>
    .tips{
        color: #747971;
        font-size: 14px;
        padding: 10px 30px 20px;
    }
    .success-img{
        text-align: center;
        padding-top: 100px;
    }
    .backHome {
        position: fixed;
        z-index: 2;
        left: calc(50% - 155px);
    }

    .backHome .mint-button {
        width: 311px;
        height: 44px;
        background: linear-gradient(242deg, #dff9b9 -27%, #1bd09f 85%);
        border-radius: 22px;
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    }
</style>