<template>
  <div>
    <van-nav-bar
      :title="title"
      :left-text="leftText"
      :right-text="rightText"
      :left-arrow="leftArrow"
      :border="border"
    />
  </div>
</template>

<script>
// import { NavBar as VanNavBar } from 'vant'
export default {
  name: 'DkNavBar',
  components: {
    // VanNavBar
  },
  props: {
    title: {
      default: '',
      type: String
    },
    rightText: {
      default: '',
      type: String
    },
    leftText: {
      default: '',
      type: String
    },
    fixed: {
      default: true,
      type: Boolean
    },
    leftArrow: {
      default: true,
      type: Boolean
    },
    border: {
      default: true,
      type: Boolean
    },
    placeholder: {
      default: false,
      type: Boolean
    }
  },
  data() {
    return {}
  },
  computed: {},
  mounted() {},
  methods: {}
}
</script>

<style scoped lang="scss">

</style>
