背景图

src/views/Main/MainView.vue

@@ -4,20 +4,23 @@
 	import ZhHeader from "./components/ZhHeader.vue"
 </script>
 <template>
-	<!-- 顶栏容器 -->
-	<!-- <JtHeader @handleSelect="handleSelect" /> -->
-	<ZhHeader></ZhHeader>
-
-	<!-- 控制路由页面是否缓存 -->
-	<router-view v-slot="{ Component }">
-		<keep-alive>
-			<component :is=" Component" v-if="$route.meta.keepAlive" />
-		</keep-alive>
-		<component :is="Component" v-if="!$route.meta.keepAlive" />
-	</router-view>
-
-	<!-- 修改密码 -->
-	<modifyModule ref="modifyMoudle"></modifyModule>
+	<div class="Mainpage">
+		<!-- 顶栏容器 -->
+		<!-- <JtHeader @handleSelect="handleSelect" /> -->
+		<ZhHeader></ZhHeader>
+		
+		<!-- 控制路由页面是否缓存 -->
+		<router-view v-slot="{ Component }">
+			<keep-alive>
+				<component :is=" Component" v-if="$route.meta.keepAlive" />
+			</keep-alive>
+			<component :is="Component" v-if="!$route.meta.keepAlive" />
+		</router-view>
+		
+		<!-- 修改密码 -->
+		<modifyModule ref="modifyMoudle"></modifyModule>
+	</div>
+	
 </template>
 
 <script>
@@ -43,5 +46,10 @@
 </script>
 
 <style lang="scss" scoped>
-	
+	.Mainpage{
+		height: 100%;
+		width: 100%;
+		background: url('@/assets/images/backImg.png') no-repeat;
+		background-size: 100% 100%;
+	}
 </style>