import{e as a,o as n,G as t}from"./vendor.d721e0a0.js";const l={class:"markdown-body"},p=t(`

Navbar \u5934\u90E8\u5BFC\u822A

\u4ECB\u7ECD

\u63D0\u4F9B\u5BFC\u822A\u529F\u80FD\u3002

\u5B89\u88C5


import { createApp } from 'vue';
// vue
import { Navbar,Icon } from '@nutui/nutui';
// taro
import { Navbar,Icon } from '@nutui/nutui-taro';

const app = createApp();
app.use(Navbar);
app.use(Icon);

\u57FA\u672C\u7528\u6CD5

  <nut-navbar  @on-click-back="back" @on-click-title="title" @on-click-send="send" title="\u8BA2\u5355\u8BE6\u60C5" icon="share"></nut-navbar>
  <nut-navbar @on-click-back="back" @on-click-title="title" @on-click-clear="clear"  title="\u6D4F\u89C8\u8BB0\u5F55" desc="\u6E05\u7A7A"></nut-navbar>
  <nut-navbar :left-show="false" @on-click-title="title" @on-click-icon="icon" @on-click-clear="edit"  @on-click-send="more" title="\u8D2D\u7269\u8F66" titIcon="locationg3" desc="\u7F16\u8F91" icon="more"></nut-navbar>

\u8BBE\u7F6Eslot:tabs\u53EF\u4EE5\u589E\u52A0tab

    <nut-navbar @on-click-back="back" @on-click-title="title" @on-click-clear="edit" @on-click-send="list" desc="\u7F16\u8F91" icon="horizontal">
      <template v-slot:tabs>
        <nut-tab>
          <nut-tab-panel tab-title="\u5546\u54C1"><p class="content">\u8FD9\u91CC\u662F\u9875\u7B7E\u5168\u90E8\u5185\u5BB9</p></nut-tab-panel>
          <nut-tab-panel tab-title="\u5E97\u94FA"><p class="content">\u8FD9\u91CC\u662F\u9875\u7B7E\u5F85\u4ED8\u6B3E\u5185\u5BB9</p></nut-tab-panel>
        </nut-tab>
      </template>
    </nut-navbar>

\u591Atab\u5207\u6362\u5BFC\u822A\u53CA\u589E\u52A0\u53F3\u4FA7\u6309\u94AE

    <nut-navbar @on-click-back="back" icon="share" @on-click-send="send">
      <template v-slot:tabs>
        <nut-tab>
          <nut-tab-panel tab-title="\u5546\u54C1"><p class="content">\u8FD9\u91CC\u662F\u9875\u7B7E\u5168\u90E8\u5185\u5BB9</p></nut-tab-panel>
          <nut-tab-panel tab-title="\u8BC4\u4EF7"><p class="content">\u8FD9\u91CC\u662F\u9875\u7B7E\u5F85\u4ED8\u6B3E\u5185\u5BB9</p></nut-tab-panel>
          <nut-tab-panel tab-title="\u8BE6\u60C5"><p class="content">\u8FD9\u91CC\u662F\u9875\u7B7E\u5F85\u4ED8\u6B3E\u5185\u5BB9</p></nut-tab-panel>
          <nut-tab-panel tab-title="\u63A8\u8350"><p class="content">\u8FD9\u91CC\u662F\u9875\u7B7E\u5F85\u4ED8\u6B3E\u5185\u5BB9</p></nut-tab-panel>
        </nut-tab>
      </template>

      <template #icons >
        <nut-icon class="icon" name="more" @on-click-slot-send="morelist"></nut-icon>
      </template>
    </nut-navbar>

Prop

\u5B57\u6BB5	\u8BF4\u660E	\u7C7B\u578B	\u9ED8\u8BA4\u503C
title	\u6807\u9898\u540D\u79F0	String	-
desc	\u53F3\u4FA7\u63CF\u8FF0	String	-
left-show	\u662F\u5426\u5C55\u793A\u5DE6\u4FA7\u7BAD\u5934	Boolean	false
icon	\u5DE6\u4FA7 \u56FE\u6807\u540D\u79F0 \u6216\u56FE\u7247\u94FE\u63A5	String	-
tit-icon	\u6807\u9898\u5E26icon	String	-

Event

\u540D\u79F0	\u8BF4\u660E	\u56DE\u8C03\u53C2\u6570
title	\u70B9\u51FB\u9875\u9762\u6807\u9898\u4E8B\u4EF6	event:Event
right	\u70B9\u51FB\u53F3\u4FA7\u6309\u94AE\u4E8B\u4EF6	event:Event
back	\u70B9\u51FB\u8FD4\u56DE\u4E0A\u4E00\u9875\u4E8B\u4EF6	event:Event

`,16),c=[p],g={setup(h,{expose:s}){return s({frontmatter:{}}),(o,j)=>(n(),a("div",l,c))}};export{g as default};