<template>
    <div>
    <div class="success-img">
        <img src="./../../assets/img/noHave.png"/>
        <div class="tips">
            <slot name="content">暂无数据...</slot>
        </div>
    </div>
    <div class="backHome">
        <slot name="btn">
        <mt-button type="primary" @click="backHome">返回首页</mt-button>
        </slot>
    </div>
    </div>
</template>

<script>
    import {callMobile} from "../../utils/common";

    export default {
        name: "noData",
        methods: {
            backHome(){
                callMobile("goIndex", {});
            },
        }
    }
</script>

<style scoped>
    .tips{
        color: #747971;
        font-size: 14px;
        padding: 10px 30px 20px;
        margin: 0 auto;
    }
    .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>
