<template>
    <el-header height="90px">
        <img :src="logo" class="logo-img" alt="" />
        <span class="sep-line"></span>
        <div class="site-title">{{ title }}</div>
    </el-header>
</template>

<script>
import { getFileHost } from '@/assets/utils/host.js'
export default {
    name: 'VHeader',
    props: {},
    data () {
        return {
            title: '智慧校园管理服务平台'
        }
    },
    computed: {
        logo () {
            return getFileHost('/Common/login/login_log.png', 1)
        }
    }
}
</script>

<style lang="less" scoped>
.el-header {
    display: flex;
    align-items: center;
    padding: 0;
    .logo-img {
        height: 75px;
        width: auto;
        margin: 0 10px 0 35px;
    }
    .sep-line {
        display: inline-block;
        width: 1px;
        height: 32px;
        background-color: #ddd;
    }
    .site-title {
        font-size: 22px;
        color: #000;
        margin-left: 10px;
    }
}
</style>
