bc

src/views/shouye.vue

 <template>
   <div class="home">
-    <div class="bottom-box"></div>
+    <!-- <div class="bottom-box"></div> -->
     <div class="animated jackInTheBox main-title">
       <div class="stars"></div>
     </div>
     <div class="text01 animated lightSpeedIn"></div>
-    <div class="button01 animated tada">
-      <div class="num-box">
-        <span>阅读人数</span>：1898256
-      </div>
+    <div class="cuizi"></div>
+    <div class="cheng"></div>
+    <div class="button01 animated tada"></div>
+    <div class="num-box">
+      <span>阅读人数</span>：1898256
     </div>
   </div>
 </template>
@@ -54,7 +55,7 @@ export default {
 
 .home {
   height: 100%;
-  background: url("../assets/images/01/bg01.jpg") no-repeat center center;
+  background: url("../assets/images/01/bg01.jpg") no-repeat center bottom;
   background-size: 100% auto;
 }
 
@@ -83,7 +84,7 @@ export default {
   background-size: contain;
   position: absolute;
   left: 50%;
-  top: 40%;
+  top: 34%;
   margin-left: -250 / @r;
 }
 
@@ -94,23 +95,43 @@ export default {
   background-size: contain;
   position: absolute;
   left: 50%;
-  bottom: 10%;
+  bottom: 11%;
   margin-left: -215 / @r;
+}
 
-  .num-box {
-    height: 25 / @r;
-    line-height: 25 / @r;
-    transform: translate(-50%, 0);
-    color: white;
-    position: absolute;
-    left: 50%;
-    bottom: -40 / @r;
-    white-space: nowrap;
-    font-size: 12 / @r;
-
-    span {
-      font-weight: bolder;
-    }
+.cuizi {
+  width: 402 / @r;
+  height: 328 / @r;
+  background: url("../assets/images/01/chuizi.png") no-repeat center center;
+  background-size: contain;
+  position: absolute;
+  left: 0%;
+  bottom: 20%;
+}
+
+.cheng {
+  width: 370 / @r;
+  height: 433 / @r;
+  background: url("../assets/images/01/cheng.png") no-repeat center center;
+  background-size: contain;
+  position: absolute;
+  right: -2%;
+  bottom: 20%;
+}
+
+.num-box {
+  height: 25 / @r;
+  line-height: 25 / @r;
+  transform: translate(-50%, 0);
+  color: white;
+  position: absolute;
+  left: 50%;
+  bottom: 4%;
+  white-space: nowrap;
+  font-size: 12 / @r;
+
+  span {
+    font-weight: bolder;
   }
 }
 

vue.config.js

-import webpack from 'webpack'
+// import webpack from 'webpack'
 
-module.exports = {
-  configureWebpack: {
-    plugins: [new webpack.ProvidePlugin({
-      jQuery: "jquery",
-      $: "jquery"
-    })]
-  }
-}
\ No newline at end of file
+// module.exports = {
+//   configureWebpack: {
+//     plugins: [new webpack.ProvidePlugin({
+//       jQuery: "jquery",
+//       $: "jquery"
+//     })]
+//   }
+// }
\ No newline at end of file