update

src/components/footer.vue

@@ -39,10 +39,11 @@ export default{
 .footer{                    
     width: 1440px;
     background: #F6F6F6;
-    height: 368px;
+    /* height: 368px; */
     color: aliceblue;
    /* position: absolute;
     bottom:0px;  */
+    padding-top: 112px;
 }
 .footer .top{
     height: 305px;
@@ -51,7 +52,7 @@ export default{
 }
 .footer .top div h4{
     margin-left: 120px;
-    margin-top: 112px;
+    /* margin-top: 112px; */
     font-family: PingFangSC-Regular;
     font-size: 28px;
     color: #4A4A4A;
@@ -114,7 +115,7 @@ export default{
     color: black;
 }
 .footer .bottom{
-    /* height: 81px; */
+    height: 81px;
     /* background: black; */
     /* color: white; */
     color: black;

src/views/About.vue

@@ -69,7 +69,7 @@
         </div>
       </div>
     </div>
-  </div>
+   <home-footer  style="position: relative; top: 2800px;"></home-footer></div>
 </template>
 
 
@@ -84,11 +84,17 @@ import img7 from "./images/u462.png";
 import img8 from "./images/u466.jpg";
 import img9 from "./images/u467.jpg";
 import img10 from "./images/u468.jpg";
+
+import HomeFooter from '../components/footer.vue'
+
 export default {
   name: "About",
   //   props: {
   //     msg: String
   //   }
+  components: {
+    HomeFooter
+  },
   data() {
     return {
       img1: img1,

src/views/Serve.vue

@@ -64,15 +64,21 @@
                         </li>
                     </ul>
         </div>
-        <users></users>
+        
       </div>
-      
-    </div>    
+      <home-footer style="position: relative; top: 2281px;"></home-footer>
+     </div>    
 </template>
 
 <script>
+import HomeFooter from '../components/footer.vue'
+
+
 export default {
   name: 'serve',
+    components: {
+    HomeFooter
+  },
   data(){
       return{
           "works1":["网站开发","系统开发","APP开发","微信公众号","微信小程序","手机网站"],
@@ -86,6 +92,7 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
 /************************************整体样式********************************************/
+
 *{
     margin: 0px;
     padding: 0px;
@@ -104,7 +111,7 @@ export default {
     width: 100%;
     height: 400px;
     border: 1px solid black;
-    margin-top: 17px;
+    /* margin-top: 17px; */
     background: url(.//images//u136.jpg) no-repeat;
     background-size: 100%;
 }
@@ -287,4 +294,5 @@ export default {
     flex-direction: column;
     width: 1440px;
 }
+ 
 </style>

src/views/Teach.vue

@@ -136,20 +136,26 @@
                     <li v-for="(goToArr,index) in goToArrs" :key="index"><img :src="goToArr" alt="优秀学员去向"></li>
                 </ul>
             </div>
-          </div>
+          <home-footer style="position: relative; left: -400px;top:20px"></home-footer> </div>
         </div>
     </div>
-    <users/>
+  
   </div>
 </template>
 
+ 
 <script>
 import img1 from ".//images/goto_1.png";
 import img2 from ".//images/goto_2.png";
 import img3 from ".//images/goto_3.png";
 import img4 from ".//images/goto_4.png";
+
+import HomeFooter from '../components/footer.vue'
 export default {
   name: 'edutation',
+    components: {
+    HomeFooter
+  },
   data(){
     return{
       "labels":["培训详情简介","考核&薪资","优秀学员寄语","实习生优秀项目展示","实习生毕业去向"],
@@ -206,7 +212,7 @@ export default {
 #right{
     width: 1440px;
     /* position: relative; */
-    margin-top: 17px;
+    /* margin-top: 17px; */
 }
 /*********头部*********/
 #right .title {