<template>
  <view class="NavBar">
   <!-- <u-navbar
        :title="title"
        :autoBack="true"
    >
    </u-navbar> -->
	<uni-nav-bar shadow :left-icon="left" :right-icon="right" :title="title" color="#fff" :border='border' @clickLeft="handleBack" @clickRight="$emit(`clickRight`)" backgroundColor="#6200ee"/>
  </view>
</template>

<script>
  export default {
    name:"NavBar",
    data() {
      return {
        
      };
    },
    props: {
      title: {
        type: String,
        default: ''
      },
	  left: {
		 type: String,
		 default: 'left' 
	  },
    right: {
		 type: String,
		 default: '' 
	  },
	  border: {
		 type: Boolean,
		 default: false 
	  },
    },
	methods:{
	  handleBack() {
		uni.navigateBack();
	  },
	},
  }
</script>

<style lang="scss">
.NavBar {
  ::v-deep .uni-navbar__header {
    height:60px !important;
  }
  ::v-deep .uni-navbar__header-container-inner {
    justify-content: flex-start;
  }
  ::v-deep .uni-nav-bar-text {
    font-size: 20px;
  }
  ::v-deep .uni-navbar__header-btns-left {
    display: none;
  }
  ::v-deep .uniui-checkbox{
    font-size: 47px !important;
  }
  ::v-deep .uniui-person{
    font-size: 47px !important;
  }
}

</style>