Skip to content

A
Athena
Commit 6d7055fc authored by huangyuanyuan's avatar huangyuanyuan
Browse files
Options

修改底部

parent a6e704e5
Hide whitespace changes
Inline Side-by-side
Showing with 104 additions and 7 deletions
src/assets/global/foot.css
View file @ 6d7055fc
.foot-box{ .foot-box{
background: #333; background: #333;
padding: 10px 0; padding: 15px 0;
color: #D0D0D0; color: #D0D0D0;
font-size: 12px; font-size: 12px;
padding-top:25px;
} }
.foot-box p{ .foot-box p{
margin: 0; margin: 0;
text-align: center; text-align: center;
line-height: 30px; /* line-height: 30px; */
} }
\ No newline at end of file
src/components/Home.vue
View file @ 6d7055fc
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
<span @click="SearchTicket" class="form_btn">立即搜索</span> <span @click="SearchTicket" class="form_btn">立即搜索</span>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="国内机票" name="second">国内机票</el-tab-pane> <!-- <el-tab-pane label="国内机票" name="second">国内机票</el-tab-pane> -->
</el-tabs> </el-tabs>
</div> </div>
<!-- 酒店 --> <!-- 酒店 -->
...@@ -686,7 +686,7 @@ ...@@ -686,7 +686,7 @@
</div> </div>
</div> </div>
<el-row class="home_footer"> <!-- <el-row class="home_footer">
<el-col :span="6"> <el-col :span="6">
<div class="float"><i class="iconfont icon-icon-test6"></i></div> <div class="float"><i class="iconfont icon-icon-test6"></i></div>
<div class="float" style="width:198px"> <div class="float" style="width:198px">
...@@ -723,7 +723,6 @@ ...@@ -723,7 +723,6 @@
<div class="float"> <div class="float">
<p class="color_33">定制旅游</p> <p class="color_33">定制旅游</p>
<div> <div>
<!-- <p @click="FootgoUrl('PersonalTailor')">选择定制师</p> -->
<p @click="FootgoUrl('PersonalTailor')">定制我的行程</p> <p @click="FootgoUrl('PersonalTailor')">定制我的行程</p>
</div> </div>
...@@ -747,7 +746,7 @@ ...@@ -747,7 +746,7 @@
<p style="color:#666666;font-size:14px;">微信扫描小程序</p> <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> <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-col>
</el-row> </el-row> -->
</div> </div>
<!-- <div class="phone"> <!-- <div class="phone">
......
src/components/global/foot.vue
View file @ 6d7055fc
<style> <style>
@import "../../assets/global/foot.css"; @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> </style>
<template> <template>
<div class="foot-box"> <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>旅行社业务经营许可证编号：L-SC-CJ00015 蜀ICP备13000760号</p>
<p>©2012-2018 微途科技 版权所有 </p> <p style="padding:10px 0">©2012-2018 微途科技 版权所有 </p>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
methods:{
// 底部跳转
FootgoUrl(path){
this.$router.push({ path })
},
},
} }
</script> </script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment