<template>
    <div v-if="show">
        <basicbackground :colorTitle="colorTitle" @closeClick="closeClick">
            <div class="floor">
                <img src="//img10.360buyimg.com/imgzone/jfs/t1/166357/30/17995/15474/607645abEa687cc82/8d2b5caab889a19e.png" class="img">
                <span class="text1">恭喜您中奖了</span>
                <span class="text2">详情请到我的奖品里查看</span>
                <button class="btn" @click="back">知道了</button>
            </div>
        </basicbackground>
    </div>
</template>
<script>
import basicbackground from "../../basisComponent/drawPrizeResult/basicbackground.vue";
export default {
    name:'winPrize',
    components: { basicbackground },
    data(){
        return{
            colorTitle:
        "//img10.360buyimg.com/imgzone/jfs/t1/166920/15/15858/13167/6066b444E610d0d51/898436bd947018ac.png",
        }
    },
    methods:{
    closeClick() {
      document.querySelector("body").removeAttribute("style");
      this.submit();
    },
    back() {
      console.log("关闭");
      this.closeClick();
    },
    }
}
</script>
<style scoped lang="scss">
.floor{
    width: 5.6rem;
    height: 6rem;
    background-color: #fff;
    border-radius: 0.1rem;
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 3.5rem;
    .img{
        width: 1.37rem;
        height: 1.37rem;
        display: block;
        margin: 0.5rem auto;
    }
    .text1{
        font-size: 0.35rem;
        color: #fe8632;
        display: block;
        text-align: center;
        margin-bottom: 0.4rem;
    }
    .text2{
        font-size: 0.35rem;
        color: #e2231a;
        display: block;
        text-align: center;
        margin-bottom: 0.4rem;
    }
    .btn{
        width: 4.8rem;
        height: 0.9rem;
        font-size: 0.4rem;
        border-radius: 0.1rem;
        color: #fff;
        background-color: #e2231a;
        margin-left: 0.4rem;
    }
}
</style>