Header

顶部导航栏,支持显示按钮、自定义文字和固定在顶部。Demo

引入

import { Header } from 'vue-pmui';
// 全局使用
Vue.component(Header.name, Header);
// 或者
Vue.use(Header);

例子

定义标题

<pm-header title="我是标题" />

固定在顶部

<pm-header title="我是标题" fixed/>

左右插槽

<pm-header title="右侧纯文字">
  <span slot="right">分享</span>
</pm-header>

<pm-header title="右侧按钮">
  <pm-button slot="right">分享</pm-button>
</pm-header>

标题自定义

<pm-header title="中间插槽">
  <input type="text" value="中间插槽">
</pm-header>

Props

参数 说明 类型 可选值 默认值
title Header标题 String
fixed 是否固定在顶部 Boolean false

Slots

Name 描述
default 导航栏标题部分插槽,覆盖title属性的标题
left 导航栏左侧插槽,默认自带一个后退按钮
right 导航栏右侧插槽

results matching ""

    No results matching ""