<template>
    <div>
        <img src="http://szugift.oss-cn-shenzhen.aliyuncs.com/share_background.jpg"
             style="height: 100%; width: 100%; z-index: -99; position: absolute; left: 0; top: 0;"
        />
        <div class="transparent">
            <div class="card">
                <h3 style="color: white"><strong>抽奖说明</strong></h3>
                <p>关注<span style="color: #F4A460"> 深大换换 </span>，回复“抽奖”获得活动推文，转发推文截图发至后台即可获得本次活动的【抽奖机会】</p>
            </div>
        </div>
        <div
                style="position: fixed;
                    bottom: 10px;
                    margin: 0 auto;
                    width: 100%;"
        >
            <van-button size="large" type="primary" @click="$router.push('index')"
                        style="background-color: #fd6740; border-color: #fd6740; width: 80%"
            >返回首页
            </van-button>
        </div>
    </div>
</template>

<script>
    import {Button} from 'vant'
    export default {
        name: "Draw",
        components: {
            [Button.name]: Button
        },
    }
</script>

<style scoped>
    .card {
        margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
        padding: 15px;
        text-align: left;
        z-index: 1;
    }

    h3 {
        font-size: 1.5em;
    }

    p {
        font-size: 1em;
        color: white;
    }

    .transparent {
        position: absolute;
        height: 100%;
        background-color: rgba(50, 50, 50, 0.7);
        left: 0;
        top: 0;
    }
</style>