FS-UI v0.1.33

NavBar 导航

使用指南

import { NavBar } from 'fs-ui'

export default {
  components: {
    fsNavBar: NavBar
  }
}
1
2
3
4
5
6
7

代码演示

  • 普通
<fs-nav-bar title="按钮" leftText="返回" rightText="文本" />
1
  • slot
<fs-nav-bar>
  <span slot="left"><fs-icon name="left-t"></fs-icon>上一页</span>
  <span slot="middle">这是标题</span>
  <span slot="right">
    <fs-icon name="error-o"></fs-icon>
  </span>
</fs-nav-bar>
1
2
3
4
5
6
7

属性

参数 说明 类型 默认值
title 中间标题文字 String -
left-arrow 是否显示左侧箭头 Boolean -
left-text 左侧文字 String -
right-text 右侧文字 String -
fixed 是否固定到顶端 Boolean -
z-index z-index String Number

插槽

插槽名 说明
left 左侧内容
left-append 左侧附加内容
middle 中间标题
right 右侧内容
right-append 右侧附加内容

事件

event 说明 返回值
click-left 点击左侧文字 event
click-right 点击右侧文字 event

← Pagination 分页 →