<template>
	<view class="headbg">
		<image src="../static/bg.png"></image>
		<view class="title" v-if="title">{{title}}</view>
	</view>
</template>

<script>
	export default {
		name: "header",
		props: {
			title: {
				type: String,
				default: ""
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">
	.headbg {
		width: 100%;
		position: fixed;
		left: 0;
		height: 84px;
		overflow: hidden;
		right: 0;
		width: 100%;
		z-index: 9999;
		.title {
			position: absolute;
			top: 44px;
			height: 40px;
			line-height: 40px;
			color: #fff;
			text-align: center;
			width: 100%;
			font-size: 16px;
			font-weight: bold;
		}

		image {
			width: 100%;
		}
	}
</style>