uni-admission-fee/components/fl-page-header/fl-page-header.vue

<template>
  <view>
    <view class="status_bar">
      <!-- 这里是状态栏 -->
    </view>
    <view style="height: 110upx">
      <u-navbar :bgColor="bgColor"
                @rightClick="rightClick"
                :autoBack="autoback">
        <view v-if="left"
              slot="left">
          <slot name="left"></slot>
        </view>
        <view v-if="center"
              slot="center">
          <slot name="center"></slot>
        </view>

        <view v-if="right"
              slot="right">
          <slot name="right"></slot>
        </view>
      </u-navbar>
    </view>
  </view>

</template>

<script>
export default {
  props: {
    left: {
      type: Boolean,
      default () {
        return true;
      },
    },
    center: {
      type: Boolean,
      default () {
        return true;
      },
    },
    right: {
      type: Boolean,
      default () {
        return true;
      },
    },
    autoback: {
      type: Boolean,
      default () {
        return true;
      },
    },
  },
  data () {
    return {
      bgColor: "null",
    };
  },
  methods: {
    leftClick () { },
    rightClick () { },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .u-navbar__content {
  background: #efefef !important;
}
</style>