调整背景显示方式

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;
 }
 

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;

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;

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;

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>

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>