Commit 87e41d28 authored by huangyuanyuan's avatar huangyuanyuan

新增自由行列表

parent 5c742623
...@@ -613,3 +613,52 @@ p { ...@@ -613,3 +613,52 @@ p {
margin-right:10px; margin-right:10px;
color: #fff; color: #fff;
} }
.Home .color_33{
color: #333333;
font-weight:bold;
font-size: 14px;
}
.Home .home_footer{
margin:30px 0 15px 0;
}
.Home .home_footer .float{
float: left;
font-size: 12px;
color: #666666;
}
.Home .home_footer .float .iconfont{
font-size: 30px;
margin: 15px 10px;
}
.Home .home_footer .float ul li{
display: inline-block;
font-size: 12px;
color:#666666;
width: 50%;
padding:1px 0;
}
.Home .home_footer .float p{
padding:1px 0;
}
.Home .home_footer .el-col-6{
padding-left: 40px;
box-sizing: border-box;
}
.Home .phone{
width: 100%;
height:70px;
background:rgba(238,68,84,1);
margin-bottom:15px;
}
.Home .phone .qipao{
position: relative;
top: -2px;
display: inline-block;
font-size: 12px;
height: 34px;
width: 50px;
text-align: center;
line-height: 34px;
background: url('../img/home/qipao.png') no-repeat;
background-size:100% 100%;
}
\ No newline at end of file
This diff is collapsed.
...@@ -907,42 +907,81 @@ ...@@ -907,42 +907,81 @@
</div> </div>
</div> </div>
<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:200px">
<p class="color_33">印象之旅</p>
<ul>
<li>跟团游</li>
<li>酒店</li>
<li>自由行</li>
<li>门票</li>
<li>当地游</li>
<li>签证</li>
<li>定制机票</li>
<li>机票</li>
</ul>
</div>
</el-col>
<el-col :span="6">
<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="6">
<div class="float"><i class="iconfont icon-cailiao"></i></div>
<div class="float">
<p class="color_33">定制旅游</p>
<div>
<p>选择定制师</p>
<p>定制我的行程</p>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="float"><i class="iconfont icon-putonghuiyuan"></i></div>
<div class="float">
<p class="color_33">个人中心</p>
<div>
<p>我的优惠券</p>
<p>我的积分</p>
<p>订单中心</p>
</div>
</div>
</el-col>
</el-row>
</div> </div>
<!-- 底部 --> <div class="phone">
<div class="bottom1"> <div style="width:1180px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content: flex-end;">
<el-row class="bottom1_row"> <el-col :span="1"><i class="iconfont icon-Shape2" style="color:#fff;font-size:30px"></i></el-col>
<el-col :span="2"> <el-col :span="4" style="color:#fff">
<span class="iconfont icon-zhifeiji"></span> <p>客服服务电话
</el-col> <!-- <img src="../assets/img/home/qipao.png" alt=""> -->
<el-col :span="4"> <span class="qipao">24小时</span>
<span class="fontb">阳光行程</span> </p>
<span class="fonts">透明公开</span> <p style="font-size:18px;font-weight:700">028-88888888</p>
</el-col> </el-col>
<el-col :span="2">
<span class="iconfont icon-zhuqunguanli"></span>
</el-col> </div>
<el-col :span="4"> </div>
<span class="fontb">阳光价格</span>
<span class="fonts">明码标价</span>
</el-col>
<el-col :span="2">
<span class="iconfont icon-woshou"></span>
</el-col>
<el-col :span="4">
<span class="fontb">阳光服务</span>
<span class="fonts">专属客服</span>
</el-col>
<el-col :span="2">
<span class="iconfont icon-dianhua"></span>
</el-col>
<el-col :span="4">
<span class="fonts">客户服务电话(免长途费)</span>
<p class="fontb">4007-999-999</p>
</el-col>
</el-row>
</div>
</div> </div>
</template> </template>
<script> <script>
......
...@@ -2,17 +2,8 @@ ...@@ -2,17 +2,8 @@
<div class="ticket_home"> <div class="ticket_home">
<div class="banner" style="width:100%"> <div class="banner" style="width:100%">
<el-carousel arrow="always" :height="banner_height" :interval="10000" trigger="click" :style="{'background':'#ddd'}"> <el-carousel arrow="always" :height="banner_height" :interval="10000" trigger="click" :style="{'background':'#ddd'}">
<el-carousel-item> <el-carousel-item v-for="item in slideList" :key="item.url">
<img src='../../assets/img/ticket/banner01.jpg'> <img :src='item.url'>
</el-carousel-item>
<el-carousel-item>
<img src='../../assets/img/ticket/banner03.jpg'>
</el-carousel-item>
<el-carousel-item>
<img src='../../assets/img/ticket/banner05.jpg'>
</el-carousel-item>
<el-carousel-item>
<img src='../../assets/img/ticket/banner07.jpg'>
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
<div class="choose"> <div class="choose">
...@@ -316,7 +307,13 @@ export default { ...@@ -316,7 +307,13 @@ export default {
disabledDate(time) { disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; return time.getTime() < Date.now() - 8.64e7;
} }
} },
slidemsg:{
rbBranchId:localStorage.site,
slideType:3,
platformType:1
},
slideList:[],
}; };
}, },
mounted() { mounted() {
...@@ -326,8 +323,23 @@ export default { ...@@ -326,8 +323,23 @@ export default {
this.JXYH(); this.JXYH();
this.initAirlines(); this.initAirlines();
this.CFD(); this.CFD();
this.getSlideList();
}, },
methods: { methods: {
getSlideList(){
this.apiJavaPost(
"/api/b2b/free/getSlideList",
this.slidemsg,
res => {
if(res.data.resultCode==1){
this.slideList=res.data.data;
}else{
this.Error(res.data.me)
}
},
null
);
},
// 目的地城市信息 // 目的地城市信息
CityInfo1(val) { CityInfo1(val) {
this.choose_info.arrival_city = val.ID; this.choose_info.arrival_city = val.ID;
......
...@@ -126,7 +126,7 @@ ...@@ -126,7 +126,7 @@
<!-- 首页 --> <!-- 首页 -->
<ul class="_t_nav_box clearfix"> <ul class="_t_nav_box clearfix">
<li :class="{_active: navActive === '0'}"> <li :class="{_active: navActive === '0'}">
<div @click="navActive = '0'"> <div @click="handleSelect('/Home', '0'),navActive = '0'">
<span>首页</span> <span>首页</span>
<span class="__splice">|</span> <span class="__splice">|</span>
</div> </div>
......
...@@ -3,7 +3,11 @@ ...@@ -3,7 +3,11 @@
<div class="visahome"> <div class="visahome">
<div class="mall-swiper" style="margin-bottom:0"> <div class="mall-swiper" style="margin-bottom:0">
<div :height="swiperHeight"> <div :height="swiperHeight">
<img src='../../assets/img/visa/visahome.png'> <el-carousel class="carousel" arrow="always" style="height:100%" :interval="10000" trigger="click">
<el-carousel-item v-for="item in slideList" :key="item.url">
<img :src='item.url'>
</el-carousel-item>
</el-carousel>
</div> </div>
<div class="search-box" :style="{'width':searchBoxWidth,'left':searchBoxLeft}"> <div class="search-box" :style="{'width':searchBoxWidth,'left':searchBoxLeft}">
...@@ -267,6 +271,12 @@ export default { ...@@ -267,6 +271,12 @@ export default {
pageSize:10, pageSize:10,
}, },
hotvisa:[], hotvisa:[],
slidemsg:{
rbBranchId:localStorage.site,
slideType:2,
platformType:1
},
slideList:[],
} }
}, },
mounted () { mounted () {
...@@ -276,8 +286,23 @@ export default { ...@@ -276,8 +286,23 @@ export default {
this.TimeLimited(); this.TimeLimited();
this.GetVisaCountry(); this.GetVisaCountry();
this.Gethotvisa(); this.Gethotvisa();
this.getSlideList();
}, },
methods: { methods: {
getSlideList(){
this.apiJavaPost(
"/api/b2b/free/getSlideList",
this.slidemsg,
res => {
if(res.data.resultCode==1){
this.slideList=res.data.data;
}else{
this.Error(res.data.me)
}
},
null
);
},
goUrl(idDes){ goUrl(idDes){
let isLogin = this.$store.state.isLogin; let isLogin = this.$store.state.isLogin;
if (isLogin == 0) { if (isLogin == 0) {
......
...@@ -352,6 +352,16 @@ export default new Router({ ...@@ -352,6 +352,16 @@ export default new Router({
title: "首页" title: "首页"
} }
}, },
{
path: "/IndependentList",
name: "IndependentList",
component: resolve =>
require(["@/components/DependentTravel/IndependentList.vue"], resolve),
meta: {
title: "首页"
}
},
] ]
}, },
......
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