uni-xiudoyou/src/pages/components/header.vue

<template name="Header">
  <view class="header">
    <image
      src="../../static/images/backicon.png"
      class="back"
      @tap="goback"
    ></image>
    <view class="title">{{ title }}</view>
  </view>
</template>

<script>
export default {
  name: 'setting',
  props: {
    title: {
      type: String,
      default: '',
    },
  },
  data() {
    return {};
  },
  methods: {
    // 返回上一页
    goback() {
      this.$mRouter.back();
    },
  },
};
</script>

<style lang="scss" scopde>
.header {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  padding: 23upx 33upx;
  position: fixed;
  .back {
    width: 24upx;
    height: 43upx;
  }
  .title {
    flex: 1;
    font-size: 34upx;
    font-weight: 700;
    color: $titleColor;
    text-align: center;
    letter-spacing: 3upx;
  }
}
</style>