{extend name="public/base"/}
{block name="css"}
<style>
    .icon{
        text-align:center;
        margin-top:50px;
    }

    .msg{
        text-align:center;
        margin:0;
        padding:0;
        font-size:24px;
    }

    .tips{
        text-align:center;
        margin-top:50px;
        font-size:14px;
        color:#aaa;
    }

    .tips .num{
        color:#FF589B;
    }
</style>
{/block}
{block name="body"}
<van-nav-bar
        class="nav-theme"
        :fixed="true"
        :placeholder="true"
>
    <template #title>
        <span class="text-white">提示</span>
    </template>
</van-nav-bar>
<div style="width:100%;height:46px;"></div>
<div class="icon">
    <van-icon name="warning-o" size="160" color="#0081ff"></van-icon>
</div>
<h3 class="msg">{$msg}</h3>
<p class="tips">还有<span class="num">{{wait}}</span>秒后自动跳转</p>
{/block}
{block name="script"}
<script>
    function v_setup() {
        let base = {};

        base.wait = Vue.ref({$wait});
        const created = () => {
            setInterval(function () {
                base.wait.value--;
                if (base.wait.value === 0) {
                    {$url}
                }
            }, 1000);
        }
        created();

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