<template>
    <div class="header">
        <div class="inner">
            <div class="logo" @click="toIndex">
                <img src="../../assets/img/logo.png" alt="">
            </div>
        </div>
    </div>
</template>
<script>
import { mapState,mapActions } from 'vuex'
import Setting from '@/setting'
import util from '@/libs/util'
export default {
    data() {
        return {
            token: util.local.get(Setting.tokenKey),
        };
    },
    mounted(){
        
    },
    methods: {
        toIndex(){
            this.$refs.nav.jump({
                index: '/index/list',
                title: '首页'
            })
        },
    },
};
</script>
<style lang="scss" scoped>
    .header{
        z-index: 1;
        display: flex;
        align-items: center;
        position: relative;
        height: 68px;
        background-color: #fff;
        .logo{
            width: 500px;
            margin-left: 42px;
            cursor: pointer;
            img{
                width: 100%;
            }
        }
    }
</style>