修改底部

src/assets/global/foot.css

 .foot-box{
     background: #333;
-    padding: 10px 0;
+    padding: 15px 0;
     color: #D0D0D0;
     font-size: 12px;
+    padding-top:25px;
 }
 .foot-box p{
     margin: 0;
     text-align: center;
-    line-height: 30px;
+    /* line-height: 30px; */
 }
\ No newline at end of file

src/components/Home.vue

@@ -173,7 +173,7 @@
                                             <span @click="SearchTicket" class="form_btn">立即搜索</span>
                                         </div>
                                 </el-tab-pane>
-                                <el-tab-pane label="国内机票" name="second">国内机票</el-tab-pane>
+                                <!-- <el-tab-pane label="国内机票" name="second">国内机票</el-tab-pane> -->
                             </el-tabs>
                         </div>
                         <!-- 酒店 -->
@@ -686,7 +686,7 @@
             </div> 
               
           </div>
-            <el-row class="home_footer">
+        <!-- <el-row class="home_footer">
             <el-col :span="6">
                 <div class="float"><i class="iconfont icon-icon-test6"></i></div>
                 <div class="float" style="width:198px">
@@ -723,7 +723,6 @@
                 <div class="float">
                     <p class="color_33">定制旅游</p>
                     <div>
-                        <!-- <p @click="FootgoUrl('PersonalTailor')">选择定制师</p> -->
                         <p @click="FootgoUrl('PersonalTailor')">定制我的行程</p>
 
                     </div>
@@ -747,7 +746,7 @@
                 <p style="color:#666666;font-size:14px;">微信扫描小程序</p>
                 <div style="width:118px;height:118px;border:1px dashed #eeeeee;display: inline-block;margin-top:5px"><img src="../assets/img/xiaocx.png" alt=""></div>
             </el-col>
-        </el-row>
+        </el-row> -->
           
       </div>
          <!-- <div class="phone">

src/components/global/foot.vue

 <style>
 @import "../../assets/global/foot.css";
+.foot-box .home_footer{
+  margin:30px 0 15px 0;
+  cursor: pointer;
+}
+.foot-box .home_footer .float{
+  float: left;
+  font-size: 12px;
+  color: #D0D0D0;
+}
+.foot-box .home_footer .float .iconfont{
+  font-size: 32px;
+  margin: 15px 10px;
+}
+.foot-box .home_footer .float ul li{
+  display: inline-block;
+  font-size: 12px;
+  color:#D0D0D0;
+  width: 50%;
+  padding:5px 0;
+}
+.foot-box .home_footer .float p{
+  padding:5px 0;
+  text-align: left;
+}
+.foot-box .home_footer .el-col-6{
+  padding-left: 40px;
+  box-sizing: border-box;
+}
+
 </style>
 
 <template>
     <div class="foot-box">
+         <el-row style="width:1200px;margin:0 auto" class="home_footer">
+            <el-col :span="6">
+                <div class="float"><i class="iconfont icon-icon-test6"></i></div>
+                <div class="float" style="width:198px">
+                    <p class="color_33">印象之旅</p>
+                    <ul>
+                        <li @click="FootgoUrl('heel')">跟团游</li>
+                        <li>酒店</li>
+                        <li @click="FootgoUrl('IndependentTravel')">自由行</li>
+                        <li @click="FootgoUrl('Localtourhome')">门票</li>
+                        <li @click="FootgoUrl('Localtourhome')">当地游</li>
+                        <li @click="FootgoUrl('VisaHomePage')">签证</li>
+                        <li>定制机票</li>
+                        <li @click="FootgoUrl('TicketHome')">机票</li>
+
+                    </ul>
+                </div>
+                
+            </el-col>
+            <el-col :span="5">
+                <div class="float"><i class="iconfont icon-icon-test7"></i></div>
+                <div class="float">
+                    <p class="color_33">优惠渠道</p>
+                    <div>
+                        <p>特卖</p>
+                        <p>积分商城</p>
+                        <p>活动中心</p>
+
+                    </div>
+                </div>
+                
+            </el-col>
+            <el-col :span="5">
+                <div class="float"><i class="iconfont icon-cailiao"></i></div>
+                <div class="float">
+                    <p class="color_33">定制旅游</p>
+                    <div>
+                        <!-- <p @click="FootgoUrl('PersonalTailor')">选择定制师</p> -->
+                        <p @click="FootgoUrl('PersonalTailor')">定制我的行程</p>
+
+                    </div>
+                </div>
+                
+            </el-col>
+            <el-col :span="5">
+                <div class="float"><i class="iconfont icon-putonghuiyuan"></i></div>
+                <div class="float">
+                    <p class="color_33">个人中心</p>
+                    <div>
+                        <p @click="FootgoUrl('newPersonalCenter?key=1')">我的优惠券</p>
+                        <p @click="FootgoUrl('integral')">我的积分</p>
+                        <p @click="FootgoUrl('newPersonalCenter?key=8-1')">订单中心</p>
+
+                    </div>
+                </div>
+                
+            </el-col>
+            <el-col :span="3" style="text-align:center">
+                <p style="color:#D0D0D0;font-size:14px;">微信扫描小程序</p>
+                <div style="width:118px;height:118px;border:1px dashed #eeeeee;display: inline-block;margin-top:5px"><img src="../../assets/img/xiaocx.png" alt=""></div>
+            </el-col>
+        </el-row>
         <p>旅行社业务经营许可证编号：L-SC-CJ00015    蜀ICP备13000760号</p>
-        <p>©2012-2018 微途科技 版权所有    </p>
+        <p style="padding:10px 0">©2012-2018 微途科技 版权所有    </p>
     </div> 
 </template>
 <script>
 export default {
+    methods:{
+        //   底部跳转
+       FootgoUrl(path){
+        this.$router.push({ path })
+      },
+    },
   
 }
 </script>
\ No newline at end of file