{extend name="public/base_el"/}
{block name="css"}
<style>
    .title {margin-top:100px;}
    .title p{margin:10px auto;padding:0 20px;text-align: center;font-size:24px;font-weight: 700;}
</style>
{/block}
{block name="body"}
<div style="margin:100px auto; width:1200px;text-align: center;">
    <h1>比赛将在12月25日9点准时开始，距离开始还剩余{{second}}秒</h1>
    <h5 style="color:red;">若页面未自动刷新，请点击下方刷新按钮进入比赛</h5>
    <div style="margin: 100px 20px;text-align: center;">
        <el-button type="primary" size="large" @click="refresh">刷新</el-button>
    </div>
</div>
{/block}
{block name="script"}
<script>
    function v_setup() {
        let base = {};

        base.toStart = () => {
            location.href = "{:url('officer/answer')}"
        }
        base.second = Vue.ref({$second});
        let time = setInterval(function(){
            if (base.second.value == 0) {
                location.reload();
                clearInterval(time);
                return false;
            }
            base.second.value--;
        },1000);

        base.refresh = () => {
            location.reload();
        }

        return base;
    }
</script>
{/block}