lanyun-navbar

介绍

该组件用于页面导航, 常用于页面的顶部

使用方法

import "../../components/lanyun-navbar/lanyun-navbar.stml";

例子

<lanyun-navbar 
    @click-left="handleClickLeft"
    @click-right="handleClickRight"
    title="标题"
    background="#F3F4F6"
    height="46px"
    left-text="返回"
    right-text="分享"
    safe-area-top
>
    <text slot="left">返回</text>
    <text slot="right">分享</text>
</lanyun-navbar>

props 属性

参数 说明 类型 默认值
background 导航栏的背景颜色, 选填 string #F3F4F6
height 导航栏的高度, 选填 string 46px
title 导航栏标题, 选填 string -
title-width 导航栏标题的最大宽度,内容超出会以省略号隐藏, 选填 string 100px
left-text 导航栏左侧文字, 选填 string -
right-text 导航栏右侧文字, 选填 string -
safe-area-top 顶部安全区域, 选填 boolean false

events 事件

事件名 说明 回调参数
click-left 当点击左侧内容区域时触发 -
click-right 当点击右侧内容区域时触发 -

帮助说明

可以使用slot属性定义插槽支持的插槽有left, right