yj_vue3/src/components/Header.vue

<template>
  <div class="header">
	  <p>延吉市数字应急自然灾害综合风险监管平台</p>
  </div>
</template>

<script>
export default {
  name: 'Header',
  props: {
	  
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.header{
		position: absolute;
		background: url("../assets/images/yj-topbg.png") no-repeat center;
		width: 100%;
		height: 180px;
		top:0px;
		left: 0px;
		z-index: 2;
	}
	.header p{
		color: #fff;
		line-height: 60px;
		font-family: "myfont";
		font-size: 36px;
		letter-spacing: 1px;
		text-align: center;
	}
</style>