<template>
  <header class="main-header">
    <nuxt-link to="/" class="logo"></nuxt-link>
    <div class="search"></div>
    <div class="menu"></div>
  </header>
</template>
<style lang="scss">
.main-header {
  display: flex;
  align-items: center;
  padding: 0.16rem 0.15rem 0.2rem;
  background-color: #fff;
  border-top: 10px solid #aa1941;
  .logo {
    flex: 1;
    background: url('~/assets/images/logo.png') no-repeat;
    height: 0.26rem;
    background-size: contain;
  }
  .search {
    width: 0.18rem;
    height: 0.18rem;
    padding: 0 0.08rem;
    background: url('~/assets/images/icom_search.png') no-repeat center;
    background-size: 0.18rem 0.18rem;
  }
  .menu {
    width: 0.18rem;
    height: 0.18rem;
    padding: 0 0.08rem;
    background: url('~/assets/images/icom_menu.png') no-repeat center;
    background-size: 0.18rem 0.18rem;
  }
}
</style>
