更新记录

1.0.0.1（2025-12-25） 下载此版本

更新按钮

1.0.0（2025-12-24） 下载此版本

无

平台兼容性

uni-app(4.13)

其他

安装

在市场导入xf-navbaruni_modules版本的即可，无需import

组件关联说明

• 关联辅助样式 xf-scss辅助样式;
• 关联组件 xf-button图标库;

代码演示

插件使用

• 位于 uni_modules/xf-navbar/components/xf-navbar
• 导入插件后直接使用

  <xf-navbar />

基本用法

• 使用组件代码如下：

<template>
    <view class="xf-col">
        <xf-navbar :leftClose="true" :leftArrow="false" title="标题1"></xf-navbar>
        <xf-navbar title="标题1" leftAction @clickLeftAction="textBtnAction"></xf-navbar>
        <xf-navbar title="标题2">
            <text class="xf-font-normal-14" @click="textBtnAction()">点击</text>
        </xf-navbar>
        <xf-navbar title="标题3">
            <view class="xf-row-center">
                <text class="xf-font-normal-14 b-mr10" @click="textBtnAction()">点击</text>
                <xf-icon name="refresh" :size="16"></xf-icon>
            </view>
        </xf-navbar>
    </view>
</template>

• 注意： 属性leftClose，leftArrow不能同时为true,

API

Props

事件 Emits

插槽 slot