<script setup>
import Nav from './nav.vue'
import {ref, onMounted} from 'vue'
onMounted(() => {})
</script>

<template>
  <div class="page flex a-c">
    <div class="logo"></div>
    <Nav class="nav"></Nav>
  </div>
</template>

<style lang="scss" scoped>
.page {
  background-color: $bg_color;
  .logo {
    background-image: url('/static/images/header/logo.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 164px;
    height: 56px;
    position: absolute;
    left: 160px;
  }

  .nav {
    width: 1000px;
    height: $header_nav_height;
    position: absolute;
    right: 160px;
    overflow-y: hidden;
  }
}
</style>
