Header

页头。

引入

  1. import { Header } from 'we-vue'
  2. 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右侧按钮位