Navbar 头部导航

使用指南

引入方式

import { navbar } from 'feart';
components: {
  'fe-navbar': navbar,
}

代码演示

基础用法

<fe-navbar
  title="标题"
  leftText="返回"
  rightText="操作"
  @click-left="onClickLeft"
  @click-right="onClickRight"
/>

右边为图标

<fe-navbar title="标题" @click-left="onClickLeft" @click-right="onClickRight">
  <fe-icon color="#1890FF" size="16px" name="more" slot="right" />
</fe-navbar>

带有副标题

<fe-navbar
  title="标题"
  leftText="返回"
  subTitle="副标题"
  @click-left="onClickLeft"
  @click-right="onClickRight"
/>

带有关闭功能

<fe-navbar
  title="标题"
  leftText="返回"
  canClose
  rightText="操作"
  @click-left="onClickLeft"
  @click-right="onClickRight"
  @click-close="onClickClose"
/>

API