更新记录

1.0.0（2026-02-24） 下载此版本

init

平台兼容性

uni-app x(4.85)

ywx-navbar

YwxNavber 是一个自定义导航栏组件，用于在页面顶部创建统一的导航区域。它能够自动适配状态栏高度，支持显示标题、返回按钮以及左侧图片，满足不同页面布局需求。

组件名：ywx-navbar

使用须知: 组件关联 ywx-scss

使用示例:

// 基础用法
<template>
  <YwxNavber title="个人中心" />
</template>

// 隐藏返回按钮
<template>
  <YwxNavber title="设置" :showBack="false" />
</template>

// 左侧图片模式（常用于个人主页）
<template>
  <YwxNavber 
    type="left" 
    img="https://example.com/avatar.png" 
    title="我的主页" 
  />
</template>

注意事项 1.返回按钮逻辑：返回按钮的显示受 showBack 和 img 共同影响。当 type='left' 且 img 有值时，返回按钮始终不显示（即使 showBack 为 true）。

2.宽度分配：在 default 模式下，左右两侧各占 33% 宽度，标题占 34%，这是为了视觉平衡。如需调整，请修改模板中的 wp-33 和 wp-34 类。

3.返回事件：点击返回按钮会调用 uni.navigateBack()，默认返回上一页。如需自定义返回行为，可替换 GoBack 方法或通过其他方式（如页面级拦截）处理。

4.样式依赖：组件内部使用了多个全局样式类，请确保项目已引入依赖 ywx-scss 组件。

5.子组件依赖：本组件内部使用了 xh-nav-placeholder 和 xh-icon，请确保项目中已注册这两个组件，否则会报错。

如有问题或建议，请联系作者 YinXueHai 🐧：1170709203