[RFC] NavBar

NavBar 导航栏

属性

属性	说明	类型	默认值
title	标题文字	string	-
leftArrow	是否显示左侧箭头	boolean	true
onLeftClick	导航左侧点击回调	() => void	-
rightContent	导航右侧内容	ReactNode	-
border	是否显示下边框	boolean	false
fixed	是否固定在顶部	boolean	false
placeholder	固定在顶部时，是否在对应位置生成一个等高的占位元素	boolean	false

CSS 变量

属性	说明	默认值
–z-index	导航栏 z-index	–adm-z-index-nav-bar

问题：

--adm-z-index-nav-bar 取多少合适呢？

border、fixed、placeholder 有没有必要做

主要参考：

Ant Design Mobile v2 NavBar Vant NavBar

[awmleer]

那 backArrow 的类型要不要设置成 boolean | ReactNode，为 true 时就是左箭头，为 false 时不渲染，是 ReactNode 就展示用户自定义的

嗯嗯可以的～有些设计风格下的箭头可能是 <- 而不是 <

[awmleer]

稍微调整了一下，back left right 是并列的关系 backArrow 是附属于 back 的，默认为 true，back 默认为 '' 空字符串，所以默认状态下是只展示一个返回箭头。如果用户把 back 设置为 null，那么就整个返回按钮都没有了，不论 backArrow 是什么值。