Header

页头。

引入

  1. import { Header } from 'we-vue'
  3. Vue.use(Header)

例子

默认

  1. <w-header title="wevue" @headerClick="onHeaderClick">
  2. </w-header>

不固定并指定背景色

  1. <w-header title="wevue" @headerClick="onHeaderClick" :fixed="false" background-color="#2196f3">
  2.   <div class="btn-back" slot="left">
  3.     <i class="iconfont icon-back" @click="$router.push('/')"></i>
  4.   </div>
  5.   <div class="btn-menu" slot="right">
  6.     <i class="iconfont icon-menu" @click="$router.push('/')"></i>
  7.   </div>
  8. </w-header>

API

参数类型说明可选值默认值
titleString标题
fixedBoolean是否固定true
background-colorString背景色'#21292c'

Slots

name描述
left左侧按钮位
right右侧按钮位