eduerpos_ui_manage/src/components/page/Index.vue

<template class="body">
		<div class="wrap">
			<div class="i_header header">
				<div class="logo">EC-SHOP</div>
			</div>
			<div style="width: 100%;height: 90px;"></div>
			<div style="display: flex;flex-direction: column;align-items: center;">
				<img src="../../assets/img/adminBackGround.jpg" style="width: 100%;height: auto;" />
			</div>
			<div class='footer'>
				<a style="color:#000000;" href="https://beian.miit.gov.cn/">辽ICP备2022005510号-1</a>
			</div> 
		</div>

</template>

	<script>
export default {
	data(){
	    return {
	    }
	},
	mounted() {
	},
  methods: {
        goBack(){
          this.$router.go(-1);
        },
  }
}
</script>
<style scoped>
* {
	margin: 0;
	padding: 0;

}

body {
	position: relative;
}
.i_header{width:100%;height:84px;background:url(../../assets/img/head_bg.png);position:fixed; z-index:999999;left:0;top:0;display: flex;align-items: center;}
.header{width:100%;height:90px;background:url(../../assets/img/head_bg.png); z-index:999999;left:0;top:0;border-bottom:1px solid #d2d2d2;display: flex;align-items: center;}
.header .logo{font-size: 28px;margin-left: 40px;color: #333;}
.footer {
	bottom: 0;
	background-color: #ccc;
	font-size: 16px;
	display: flex; 
	padding: 10px 10px;
	justify-content: center;
}

.wrap {
	overflow-y:scroll;
	overflow-x: hidden;
	width: 100%;
	height: calc(100%);
}
</style>