git

index.html

@@ -14,8 +14,11 @@
     body {
       margin: 0;
       padding: 0;
-      background-color: black;
+      background: linear-gradient(to left, rgb(14, 14, 14), rgb(6, 6, 6));
     }
+
+    /* background-color: #0E0E0E; */
+    /* background: linear-gradient(to right, #E0E0E, #060606;) */
   </style>
   <div id="app"></div>
   <!-- built files will be auto injected -->

package.json

@@ -5,10 +5,10 @@
   "author": "Baozhangchao <3257874327@qq.com>",
   "private": true,
   "scripts": {
-    "dev": "webpack-dev-server --inline --progress --config public/webpack.dev.conf.js --host 0.0.0.0",
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
     "start": "npm run dev",
     "lint": "eslint --ext .js,.vue src",
-    "build": "node public/build.js"
+    "build": "node build/build.js"
   },
   "dependencies": {
     "vue": "^2.5.2",

src/pages/AllPages.vue

@@ -4,25 +4,25 @@
     <div class="index-FourBoxes">
       <div class="index-FourBoxes-yushi test" @click="goPagess('yushi')">
         <img src="../../public/fourBoxes-image/浴室.png" :style="styleImage" class="Four-image" />
-        <div style=" width: 108px; position: absolute; left: 10.8vw; top: 35vh;">
+        <div style=" width: 80px; position: absolute; left: 13vw; top: 36vh;">
           <img style=" width:100%;" src="../assets/fourBoxes-2/浴室-2.png" />
         </div>
       </div>
       <div class="index-FourBoxes-yimao test" @click="goPagess('yimao')">
         <img src="../../public/fourBoxes-image/衣帽间.png" :style="styleImage" class="Four-image" />
-        <div style=" width: 108px; position: absolute; left: 59.8vw; top: 35vh;">
+        <div style=" width: 80px;; position: absolute; left: 62vw; top: 36vh;">
           <img style=" width:100%;" src="../assets/fourBoxes-2/衣帽间-2.png" />
         </div>
       </div>
       <div class="index-FourBoxes-keting test" @click="goPagess('keting')">
         <img src="../../public/fourBoxes-image/客厅.png" :style="styleImage" class="Four-image" />
-        <div style=" width: 108px; position: absolute; left: 10.8vw; top: 77vh;">
+        <div style=" width: 80px;; position: absolute; left: 13vw; top: 77vh;">
           <img style=" width:100%;" src="../assets/fourBoxes-2/客厅-2.png" />
         </div>
       </div>
       <div class="index-FourBoxes-yangtai test" @click="goPagess('yangtai')">
         <img src="../../public/fourBoxes-image/阳台.png" :style="styleImage" class="Four-image" />
-        <div style=" width: 108px; position: absolute; left: 59.8vw; top: 77vh;">
+        <div style=" width: 80px;; position: absolute; left: 62vw; top: 77vh;">
           <img style=" width:100%;" src="../assets/fourBoxes-2/阳台-2.png" />
         </div>
       </div>

src/pages/Test.vue

@@ -31,8 +31,8 @@
 export default {
   data() {
     return {
-      songList: null,
-      swiperList: null
+      songList: {},
+      swiperList: {}
     }
   },
   props: {