<template>
    <div class="HeadLogo">
        <div class="logo">
            <img src="../assetsPre/logo登陆页.png" alt="">
        </div>

        <div class="textGroup">
            <div class="textTop">
                <div class="textLeft">FIGURE</div>
                <div class="textRight">图途象</div>
            </div>
            <div class="textBottom">FIGURE HAVE ROAD NETWORK TECHOLOGY CO LTD</div>
        </div>
    </div>
</template>

<script>

export default {
    name: 'logo',
    data() {
        return {

        }
    },
    computed: {

    },
    methods: {

    }
}
</script>

<style lang="less" scoped>
.HeadLogo {
    float: left;
    overflow: hidden;
}
.logo {
    width: 50px;
    height: 50px;
    background-color: #0b9ec0;
    background: linear-gradient(-141deg, rgba(27, 184, 172, 1), rgba(0, 142, 205, 1));
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin-top: 8px;
    img {
        display: block;
        margin: 6px auto;
        width: 46px;
    }
}

.textGroup {
    float: left;
    overflow: hidden;
    margin-left: 6px;
    .textTop {
        overflow: hidden;
        .textLeft {
            font-size: 36px;
            font-family: SFNSDisplay;
            color: rgba(68, 68, 68, 1);
            line-height: 47px;
            float: left;
        }
        .textRight {
            font-size: 40px;
            font-family: SFNSDisplay;
            color: rgba(68, 68, 68, 1);
            line-height: 47px;
            float: left;
            margin-left: 1px;
        }
    }
    .textBottom {
        font-size: 9px;
        font-family: AppleSystemUIFont;
        color: rgba(102, 102, 102, 1);
        line-height: 11px;
    }
}
</style>
