Navbar 导航栏

基础用法

使用title、bgcolor、color、left-text、left-icon、right-text、right-icon和img-src属性来定义 Navbar 的样式。

  1. <xm-navbar title="首页文字很长很长很长啊啊啊啊啊" bgcolor='#fff' color="#333" left-text="返回" left-icon="xm__icon--left" right-text="设置" @left-action="clickLeft" @right-action="clickRight"></xm-navbar>
  3. #有title的时候设置img-src无效
  4. <xm-navbar img-src="https://github.com/monw3c/xmui/blob/master/static/logo.jpg?raw=true" left-icon="xm__icon--left" right-icon="xm__icon--edit"></xm-navbar>

属性

参数 说明 类型 可选值 默认值
title 设置导航标题 String — —
img-src 设置导航标题为图片，有title的时候设置无效 String — —
bgcolor 设置导航背景颜色 String — —
color 设置文字颜色 String — —
left-text 设置左文字 String — —
left-icon 设置左图标 String — —
right-text 设置右文字 String — —
right-icon 设置右图标 String — —

API

参数 说明 类型 可选值 默认值
left-action 左点击方法 Function — —
right-action 右点击方法 Function — —

原文: https://monw3c.github.io/xmui/#/components/navbar