首页

src/views/home/index.vue

@@ -1,18 +1,22 @@
 <template>
 	<div class="home-index">
-		<section class="index">
-			<img src="@/assets/images/home-bg.jpg" class="bg" />
-		</section>
-		<section class="designers"></section>
-		<section class="design"></section>
-		<section class="digital-items"></section>
-		<section class="digital-items"></section>
-		<section class="footer"></section>
+		<section-index />
+		<section-designers />
+		<section-design />
+		<section-digital-items1 />
+		<section-digital-items2 />
+		<section-footer />
 	</div>
 </template>
 
 <script setup lang="ts">
 	import { computed } from 'vue'
+	import SectionIndex from './section-index.vue'
+	import SectionDesigners from './section-designers.vue'
+	import SectionDesign from './section-design.vue'
+	import SectionDigitalItems1 from './section-digital-items1.vue'
+	import SectionDigitalItems2 from './section-digital-items2.vue'
+	import SectionFooter from './section-footer.vue'
 </script>
 
 <style lang="less">
@@ -22,14 +26,18 @@
 		overflow: hidden;
 		overflow-y: auto;
 		> section {
-			position: relative;
 			width: 100%;
 			height: auto;
 		}
-		> section.index {
+		> section.bgw {
+			position: relative;
 			> .bg {
 				width: 100%;
 				height: auto;
+				display: block;
+			}
+			> .content {
+				position: absolute;
 			}
 		}
 	}