XHeader

目前x-header并不处理定位，请手动用class或者style设置。

Props

名字	类型	默认	描述
leftOptions.showBack	Boolean	true	是否显示返回箭头
leftOptions.backText	String	Back	返回文字，可以为空
leftOptions.preventGoBack	Boolean	false	是否阻止点击Back时的后退，默认会调用history.back()
rightOptions.showMore	Boolean	false	是否显示更多图标

Events

名字	参数	描述
on-click-back	-	点击后退按钮或者文字时触发, 并且只有leftOptions.preventGoBack设为true时才触发
on-click-more	-	点击更多图标时触发

Slots

名字	描述
默认slot	标题文字
left	位于Back之后的内容
right	位于showMore之后的内容

Demos

``` vux height=570 components=XHeader,Divider

默认

This is the page title.</x-header>

不显示后退

do not show Back</x-header>

显示右侧更多

with more menu</x-header>

使用 right 插槽

with right linkFeedback</x-header>

自动文字截断

long long long long long long long ong long long long long long long textFeedback</x-header>

使用 left 插槽

with left slotClose</x-header>

更改背景颜色

custom background color</x-header> </template> ```