代码示例

最简单用法

标题 + 返回按钮

标题 + 返回按钮(带文字)

自定义返回按钮

自定义标题

自定义右侧按钮

带工具栏

通常我们希望,导航栏下面再多出一排工具条,进行一些更复杂的操作,并且不会影响页面主体的滚动。只需要再navbar中嵌入subnavbar,它的内容就会被正确的摆放。

完全自定义工具栏

当inner为false时,允许您自定义navbar的内容,div+css此时派上用场啦。

props

参数 说明 类型 默认值
title 标题 String
back-link 显示返回按钮,值为string时同时显示icon和文字 Boolean、String false
inner 不开启自定义模式 Boolean true

slots

参数 说明 类型 默认值
nav-left 左侧按钮
title 标题
nav-right 右侧按钮

events

参数 说明 类型 默认值
back-click 返回按钮触发
Last Updated: 5/17/2019, 10:46:19 AM