update

src/App.vue

@@ -1,5 +1,5 @@
  <template>
-   <div id="app" style="    min-width: 966px;">
+   <div id="app" style="min-width: 966px;">
        <div class="topNav">
          <div id="nav" style="padding: 0px;background: #FFFFFF;" role="navigation">
            <img src="./components/img/logo.png" alt="">

src/components/footer.vue

@@ -25,6 +25,7 @@
 </template>
 
 <script>
+/* eslint-disable */
 import img1 from "./img/weixin.png";
 export default {
     name: 'HomeFooter',

src/components/swiperr.vue

@@ -1,108 +1,120 @@
 <template>
   <div class="swiper-container">
     <div class="swiper-wrapper">
-      <div class="swiper-slide" v-for="(item,index) in message" :key="index"><img :src="item" alt=""></div>
+      <div class="swiper-slide" v-for="(item, index) in message" :key="index">
+        <img :src="item" alt="" />
+      </div>
+    </div>
+    <div class="swiper-button-next">
+      <img src="..\assets\back2.png" alt="" />
+    </div>
+    <div class="swiper-button-prev">
+      <img src="..\assets\back1.png" alt="" />
     </div>
-    <div class="swiper-button-next"><img src="..\assets\back2.png" alt=""/></div>
-    <div class="swiper-button-prev"><img src="..\assets\back1.png" alt=""/></div>
   </div>
 </template>
 
 <script>
- /* eslint-disable */ 
-import '../assets/swiper.js'
+/* eslint-disable */
+
+import "../assets/swiper.js";
 
 export default {
-name: 'Swiperr',
- props: ['message'],
-   data () {
+  name: "Swiperr",
+  props: ["message"],
+  data() {
     return {
-       msg: 'Welcome to Your Vue.js App'
-    }
-},
-mounted(){
-     var swiper = new Swiper('.swiper-container', {
-     slidesPerView: 1,
+      msg: "Welcome to Your Vue.js App"
+    };
+  },
+  mounted() {
+    var swiper = new Swiper(".swiper-container", {
+      slidesPerView: 1,
       spaceBetween: 30,
       loop: true,
       spaceBetween: 30,
       centeredSlides: true,
       autoplay: {
         delay: 2500,
-        disableOnInteraction: false,
+        disableOnInteraction: false
       },
       pagination: {
-        el: '.swiper-pagination',
-        clickable: true,
+        el: ".swiper-pagination",
+        clickable: true
       },
       navigation: {
-        nextEl: '.swiper-button-next',
-        prevEl: '.swiper-button-prev',
-      },
-    }
-    ); 
-}
-}
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev"
+      }
+    });
+  }
+};
 </script>
 
-<style lang="stylus">
+<style lang="stylus" scoped>
 @import '../assets/swiper.min.css';
 
-    .swiper-button-next:after, .swiper-button-prev:after {
-        font-family: swiper-icons;
-        font-size: var(--swiper-navigation-size);
-        display none
-    }
-    .swiper-wrapper img{
-      width 100%
-      height 100%
-    }
-    .swiper-button-next{
-      right 6.9%
-    }
-    .swiper-button-prev{
-      left 6.9%
-    }
-    .swiper-button-next img{
-      width 32px
-      height 32px
-    }
-     .swiper-button-prev img{
-      width 32px
-      height 32px
-    }
-    html, body {
-      position: relative;
-      height: 100%;
-    }
-    body {
-      // background: #eee;
-      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-      font-size: 14px;
-      color:#000;
-      margin: 0;
-      padding: 0;
-    }
-    .swiper-container {
-      width: 100%;
-      height: 100%;
-    }
-    .swiper-slide {
-      text-align: center;
-      font-size: 18px;
-      background: #fff;
+.swiper-button-next:after, .swiper-button-prev:after {
+  display: none;
+}
+
+.swiper-wrapper img {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-button-next {
+  right: 6.9%;
+}
+
+.swiper-button-prev {
+  left: 6.9%;
+}
+
+.swiper-button-next img {
+  width: 32px;
+  height: 32px;
+}
+
+.swiper-button-prev img {
+  width: 32px;
+  height: 32px;
+}
+
+html, body {
+  position: relative;
+  height: 100%;
+}
+
+body {
+  background: #eee;
+  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  color: #000;
+  margin: 0;
+  padding: 0;
+}
 
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: -webkit-flex;
-      display: flex;
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      -webkit-justify-content: center;
-      justify-content: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      -webkit-align-items: center;
-      align-items: center;
-    }
+.swiper-container {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-slide {
+  text-align: center;
+  font-size: 18px;
+  background: #fff;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
 </style>

src/views/Serve.vue

@@ -37,7 +37,7 @@
             <div class="work1">
                 <div class="img col-md-1">
                     <img :src="workImg3">
-                </div>               
+                </div>
                 <div class="title col-md-1"><p>{{title3}}</p> </div>
                 <div class="job col-md-10">
                     <ul>
@@ -46,7 +46,7 @@
                 </div>
             </div>
         </div>
-    </div>       
+    </div>
     <div class="second">
         <div class="col-md-12 tit">
             <h3>开发流程</h3>
@@ -60,7 +60,7 @@
                         <div class="index">{{index+1}}</div>
                     </div>
                     <div class="title">{{process.subhead}}</div>
-                </div>   
+                </div>
              </div>
          </div>
     </div>

src/views/Teach.vue

@@ -43,7 +43,7 @@
             <div class="picture">
                 <div v-for="(wages,index) in wages" :key="index">
                     <div class="img"><img src="./images/入门待遇.png" alt="待遇图片"><p>{{wages.title}}</p></div>
-                    <div class="money"><p>{{wages.money}}</p></div>    
+                    <div class="money"><p>{{wages.money}}</p></div>
                 </div>
             </div>
             <h3>考核标准</h3>
@@ -88,7 +88,7 @@
             <ul>
                 <li v-for="(goToArr,index) in goToArrs" :key="index"><img :src="goToArr" alt="优秀学员去向"></li>
             </ul>
-        </div>      
+        </div>
     </div><home-footer></home-footer> </div>
     </div>
 </template>