bc

src/views/shouye.vue

 <template>
 <template>
   <div class="home">
   <div class="home">
-    <div class="bottom-box"></div>
+    <!-- <div class="bottom-box"></div> -->
     <div class="animated jackInTheBox main-title">
     <div class="animated jackInTheBox main-title">
       <div class="stars"></div>
       <div class="stars"></div>
     </div>
     </div>
     <div class="text01 animated lightSpeedIn"></div>
     <div class="text01 animated lightSpeedIn"></div>
-    <div class="button01 animated tada">
+    <div class="cuizi"></div>
+    <div class="cheng"></div>
+    <div class="button01 animated tada"></div>
     <div class="num-box">
     <div class="num-box">
       <span>阅读人数</span>：1898256
       <span>阅读人数</span>：1898256
     </div>
     </div>
   </div>
   </div>
-  </div>
 </template>
 </template>
 
 
 <script>
 <script>
@@ -54,7 +55,7 @@ export default {
 
 
 .home {
 .home {
   height: 100%;
   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;
   background-size: 100% auto;
 }
 }
 
 
@@ -83,7 +84,7 @@ export default {
   background-size: contain;
   background-size: contain;
   position: absolute;
   position: absolute;
   left: 50%;
   left: 50%;
-  top: 40%;
+  top: 34%;
   margin-left: -250 / @r;
   margin-left: -250 / @r;
 }
 }
 
 
@@ -94,24 +95,44 @@ export default {
   background-size: contain;
   background-size: contain;
   position: absolute;
   position: absolute;
   left: 50%;
   left: 50%;
-  bottom: 10%;
+  bottom: 11%;
   margin-left: -215 / @r;
   margin-left: -215 / @r;
+}
+
+.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%;
+}
 
 
-  .num-box {
+.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;
   height: 25 / @r;
   line-height: 25 / @r;
   line-height: 25 / @r;
   transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   color: white;
   color: white;
   position: absolute;
   position: absolute;
   left: 50%;
   left: 50%;
-    bottom: -40 / @r;
+  bottom: 4%;
   white-space: nowrap;
   white-space: nowrap;
   font-size: 12 / @r;
   font-size: 12 / @r;
 
 
   span {
   span {
     font-weight: bolder;
     font-weight: bolder;
   }
   }
-  }
 }
 }
 
 
 .bottom-box {
 .bottom-box {

vue.config.js

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