Header

页头。

引入

import { Header } from 'we-vue'

Vue.use(Header)
1
2
3

例子

默认

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

不固定并指定背景色

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

API

参数 类型 说明 可选值 默认值
title String 标题
fixed Boolean 是否固定 true
background-color String 背景色 '#21292c'

Slots

name 描述
left 左侧按钮位
right 右侧按钮位
中国联通
20.45