<template>
	<view>
		<u-navbar :height="height" :border-bottom="false" :is-back="isBack" back-icon-color="#fff" :back-icon-name="backIconName"
			:back-text="backText" :back-text-style="backTextStyle" :title="title" :title-color="titleColor"
			:background="background"></u-navbar>
	</view>
</template>

<script>
	export default {
		props: {
			// height: {
			// 	type: Number,
			// 	default: 60
			// },
			isBack: {
				type: Boolean,
				default: false
			},
			backIconName: {
				type: String,
				default: "arrow-leftward"
			},
			backText: {
				type: String,
				default: ""
			},
			backTextStyle: {
				type: Object,
				default: {
					color: "#fff"
				}
			},
			title: {
				type: String,
				default: " "
			},
			titleColor: {
				type: String,
				default: "#fff"
			},
			background: {
				type: Object,
				default: {
					background: "#1479FF"
				}
			}
		},
		data() {
			return {
				height: 44
			}
		},
		methods: {

		},
		computed: {

		},
		created() {
			const btnInfo = uni.getMenuButtonBoundingClientRect()
			const sysInfo = uni.getSystemInfoSync()
			this.height = btnInfo.top + btnInfo.height + 25 - sysInfo.statusBarHeight
		}
	}
</script>

<style lang="scss">

</style>
