From df56742ee7803e6d52fcc1e2c2048576367d3250 Mon Sep 17 00:00:00 2001
From: zhl <zhl010101@gmail.com>
Date: Wed, 29 Dec 2021 20:02:58 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=83=8C=E6=99=AF=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                             | 2 +-
 src/components/main/ChipSection.vue     | 2 ++
 src/components/main/GamePlaySection.vue | 2 ++
 src/components/main/NftSection.vue      | 2 ++
 src/components/main/VideoSection.vue    | 2 ++
 src/views/Main.vue                      | 9 +++++++++
 6 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 310cbba..db0b058 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,7 +21,7 @@ export default class extends Vue {
 body {
   font-family: 'Oxanium', cursive;
   margin: 0px;
-  background: #130933;
+  background: #000;
   min-width: 320px;
 }
 
diff --git a/src/components/main/ChipSection.vue b/src/components/main/ChipSection.vue
index 7f671ee..93f9c3c 100644
--- a/src/components/main/ChipSection.vue
+++ b/src/components/main/ChipSection.vue
@@ -25,6 +25,8 @@ export default class extends Vue {
 #chip_section {
   background-image: url('~@/assets/main/p4/bg_p4.png');
   position: relative;
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 .title {
   position: absolute;
diff --git a/src/components/main/GamePlaySection.vue b/src/components/main/GamePlaySection.vue
index 47761fa..afac18b 100644
--- a/src/components/main/GamePlaySection.vue
+++ b/src/components/main/GamePlaySection.vue
@@ -36,6 +36,8 @@ export default class extends Vue {
 #gameplay_section {
   background-image: url('~@/assets/main/p2/bg_p2.png');
   position: relative;
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 .title {
   display: flex;
diff --git a/src/components/main/NftSection.vue b/src/components/main/NftSection.vue
index 281783c..9f27aaf 100644
--- a/src/components/main/NftSection.vue
+++ b/src/components/main/NftSection.vue
@@ -29,6 +29,8 @@ export default class extends Vue {
 #nft_section {
   background-image: url('~@/assets/main//p3/bg_p3.png');
   position: relative;
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 .title {
   position: absolute;
diff --git a/src/components/main/VideoSection.vue b/src/components/main/VideoSection.vue
index a1b4cfc..ee80d05 100644
--- a/src/components/main/VideoSection.vue
+++ b/src/components/main/VideoSection.vue
@@ -18,6 +18,8 @@ export default class extends Vue {
 <style lang="scss" scoped>
 #video_section {
   background-image: url('~@/assets/main//p2/bg_p2.png');
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 
 </style>
diff --git a/src/views/Main.vue b/src/views/Main.vue
index e2a2950..913a10b 100644
--- a/src/views/Main.vue
+++ b/src/views/Main.vue
@@ -51,5 +51,14 @@ section {
   -moz-background-size:100% 100%;
   background-size:100% 100%;
 }
+#fullpage{
+  max-width: 1920px;
+  margin: 0 auto;
+}
+section{
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
 
 </style>