<template>
    <section class="box">
        <header class="header"><h1><a href="http://vue.ydui.org"><img src="http://static.ydcss.com/ydui/img/logo.png?t=3.1415926"></a>VUE YDUI 使用文档</h1></header>
        <section class="main">
            <docs-nav></docs-nav>
            <div class="content-box" ref="scrollview">
                <h1>{{title}}</h1>
                <slot></slot>
            </div>
        </section>
    </section>
</template>

<script type="text/babel">
    export default {
        name: 'docs-layout',
        props: ['title'],
        mounted() {
            if (/firefox/.test(navigator.userAgent.toLowerCase())) {
                this.$dialog.alert({
                    mes: '请使用谷歌内核浏览器访问本页面'
                });
                return;
            }
            if (!!window.ActiveXObject || "ActiveXObject" in window) {
                alert('请使用谷歌内核浏览器访问本页面');
            }
        }
    }
</script>
