doc-scanner-ui/src/components/TopLogo/TopLogo.vue

<template>
    <div class="main" @click="toIndex">
        <img src="/img/logo.png" alt="">
        <span>聚合智慧文档</span>
    </div>
</template>

<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
const toIndex = ()=>{
    router.push('/')
    
}
</script>

<style lang="scss" scoped>
.main{
    width: 100%;
    height: 57px;
    display: flex;
    align-items: center;
    cursor: pointer;
    img{
        width: 57px;
        height: 57px;
    }
    span{
        font-size: 24px;
        color: #B7BEFF;
        font-family: Inter-LOGO;
    }
}
</style>