<template>
  <header class="uif-layout-header" :class="{border}">
    <div class="page-container clearfix">
      <slot name="logo">
        <a :href="href" class="uif-layout-header-logo">
          <img src="//res-js.hqbuycdn.com/res/global/img/logo_223.png?0305" alt="华强旗舰" />
        </a>
      </slot>
      <div class="uif-layout-header-title">{{ title }}</div>
      <div class="uif-layout-header-right">
        <slot></slot>
      </div>
    </div>
  </header>
</template>

<script>
export default {
  name: 'u-layout-header',
  props: {
    title: {
      type: String,
      default: ''
    },
    href: {
      type: String,
      default: '/'
    },
    border: {
      type: Boolean,
      default: false
    }
  }
}
</script>
