uniapp自定义左上角返回按钮

以下是uniapp自定义左上角返回按钮的方法：

1.在App.vue中添加以下代码：

<template>
  <view>
    <navigation-bar :title="title" :left-text="leftText" :background-color="backgroundColor" :fixed="fixed" @click-left="onClickLeft"></navigation-bar>
    <router-view></router-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: 'uni-app',
      leftText: '返回',
      backgroundColor: '#ffffff',
      fixed: true
    }
  },
  methods: {
    onClickLeft() {
      uni.navigateBack({
        delta: 1
      })
    }
  }
}
</script>

2.在需要使用自定义返回按钮的页面中，将navigationBarTitleText改为false，并在navigationBar中添加自定义返回按钮的样式：

<template>
  <view>
    <navigation-bar :title="title" :background-color="backgroundColor" :fixed="fixed" :back-text="backText" :delta="delta" @click-left="onClickLeft" left-icon="back"></navigation-bar>
    <text>这是一个需要自定义返回按钮的页面</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: 'uni-app',
      backgroundColor: '#ffffff',
      fixed: true,
      backText: '',
      delta: 1
    }
  },
  methods: {
    onClickLeft() {
      uni.navigateBack({
        delta: this.delta
      })
    }
  }
}
</script>

<style>
/* 自定义返回按钮样式 */
.uni-icon.back:before {
  content: "\e6b4";
  font-size: 24px;
  color: #000000;
}
</style>

在这个例子中，我们使用了uni-app提供的navigationBar组件，并在App.vue中定义了默认的navigationBar样式和点击左侧按钮的方法。在需要自定义返回按钮的页面中，我们将navigationBarTitleText改为false，并在navigationBar中添加了自定义返回按钮的样式。同时，我们还定义了点击左侧按钮的方法，使其返回上一页。