jzpc/src/App.vue

<template>
  <div id="app">
	<div class="bg">
		<img src="@/assets/img/m1.png" >
	</div>
	<div>
	</div>
    <top-logo></top-logo>
    <nav-bar></nav-bar>
	<div class="main-wrapper">
		<router-view />
	</div>
	<page-bottom></page-bottom>
  </div>
</template>
<script>
import TopLogo from './components/topLogo/TopLogo.vue'
import NavBar from './components/navBar/NavBar.vue'
import PageBottom from './components/pageBottom/PageBottom.vue'
export default {
  components: {
    NavBar,
    TopLogo,
	PageBottom
  }
}
</script>
<style lang="scss" scoped>
#app {
	// max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
}
.main-wrapper {
	width: 1200px;
	margin: 0 auto;
}
.bg {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	// margin: 0 auto -300px;
	height: 300px;
	// max-width: 1920px;
	// min-width: 1200px;
	width: 100%;
	
	// background-image: url(assets/img/m1.png);
	// background-size: auto 100%;
	z-index: -1;
	img {
		width: 100%;
		
		height: 300px;
	}
}

</style>