<template>
    <div class="layout-header">
        <div class="header-nav">
            <div class="logo">
                <h1>YOHO接口文档</h1>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'DocHeader'
};
</script>

<style lang="scss">

.layout-header {
    height: 60px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    margin-bottom: 2px;

    .header-nav {
        width: 90%;
        margin: 0 auto;
    }

    .logo {
        line-height: 60px;
    }
}
</style>