uniapp导航栏图片怎么设置

1. 在uniapp项目中找到App.vue文件，添加以下代码：

<style>
  /* 全局导航栏样式 */
  .uni-nav-bar {
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #e5e5e5;
  }
  /* 导航栏标题样式 */
  .uni-nav-bar__title {
    font-size: 18px;
    font-weight: bold;
  }
  /* 导航栏返回按钮样式 */
  .uni-nav-bar__left {
    color: #000;
  }
  /* 自定义导航栏图片样式 */
  .uni-nav-bar__bg-image {
    background-image: url(图片路径);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
</style>

2. 在需要自定义导航栏的页面中，找到page.json文件，添加以下代码：

"navigationStyle": "custom"

3. 在需要自定义导航栏的页面中，找到对应的vue文件，在<template>标签中添加以下代码：

<view>
  <uni-nav-bar title="页面标题" :bg-image="true" :back-text="true" :delta="1"></uni-nav-bar>
  <!-- 其他页面内容 -->
</view>

其中，title为页面标题，:bg-image="true"表示使用自定义背景图片，:back-text="true"表示显示返回按钮，:delta="1"表示返回上一页。

4. 在App.vue文件中，添加以下代码实现返回按钮功能：

export default {
  methods: {
    // 返回上一页
    back() {
      uni.navigateBack({
        delta: 1
      })
    }
  }
}

在<template>标签中添加以下代码：

<uni-nav-bar title="页面标题" :bg-image="true" @click-left="back"></uni-nav-bar>

其中，@click-left="back"表示点击返回按钮时执行back()方法。