Commit 919c653a authored by 华国豪's avatar 华国豪 🙄
parents 6832ed80 3162c12c
.commonF .w1200{
font-family: "PingFang";
width: 1200px;
margin: 10px auto;
}
.Localtourhome .basefix:after {
clear: both;
content: '.';
display: block;
height: 0;
overflow: hidden;
}
.Localtourhome .basefix .sidenav_left{
width: 390px;
float: left;
}
.Localtourhome .basefix .sidenav_right{
width: 800px;
margin-left: 10px;
float: left;
height: 380px;
}
.Localtourhome .basefix .citylist{
width: 390px;
height: 315px;
border: 2px solid #A4CF63;
border-top: none;
box-sizing: border-box;
margin-top: -4px;
}
.Localtourhome .basefix .citylist li{
padding: 12px 20px;
border: 1px dashed #DDDDDD;
height: 104px;
box-sizing: border-box;
}
.Localtourhome .basefix .citylist li:last-child{
border: none;
}
.Localtourhome .basefix .citylist .city_title{
color:#EE4454;
font-size: 16px;
}
.Localtourhome .basefix .citylist .citylist_span span{
color:#003333;
font-size:14px;
display: inline-block;
padding-right:14px;
margin-top:5px;
}
.Localtourhome .ttd_mod_category .tab_mod{
margin-top: 10px;
margin-left: -14px;
}
.Localtourhome .ttd_mod_category .tab_mod li{
float: left;
width:188px;
height:100px;
background:rgba(245,245,245,1);
display: flex;
align-items: center;
margin-left: 14px;
}
.Localtourhome .ttd_mod_category .tab_mod li span{
color:#666666;
font-size: 16px;
}
.Localtourhome .commontitle{
position: relative;
margin-top: 32px;
}
.Localtourhome .commontitle .outone_top_left{
position: absolute;
}
.commontitle .outone_top_right{
padding-left: 142px;
}
.Localtourhome .commontitle .outone_top_right .content{
border-bottom:2px solid #4CB960;
padding-left: 75px;
}
.Localtourhome .commontitle .outone_top_right .content span{
display: inline-block;
width:63px;
height:24px;
border-radius:8px;
font-size:14px;
text-align: center;
line-height: 24px;
margin: 8px 0;
margin-right:25px;
color:#003333;
}
.Localtourhome .commontitle .outone_top_right .content .outone_active{
background:rgba(76,185,96,1);
color:#fff;
}
.Localtourhome .commontitle .outone_top_right .content a{
float: right;
color: #666666;
font-size: 12px;
position: relative;
top: 9px;
}
.Localtourhome .outoneday .dayContent>div{
float: left;
}
.Localtourhome .outoneday .dayContent .dayConDiv1>div{
width: 375px;
height: 188px;
position: relative;
}
.Localtourhome .outoneday .dayContent .dayConDiv1>div:nth-child(2){
margin-top: 12px;
}
.Localtourhome .outoneday .dayContent .dayConDiv1 div img{
width: 251px;
height: 188px;
}
.Localtourhome .outoneday .dayContent .dayConDiv1 div .daydes{
position: absolute;
width: 83px;
height: 53px;
overflow: hidden;
font-size: 12px;
color:#333333;
top: 18px;
right: 16px;
}
.Localtourhome .outoneday .dayContent .dayConDiv1 div .price{
position: absolute;
font-size: 14px;
color:#FDAC11;
bottom: 11px;
right: 11px;
}
.commonF .pfR{
font-family: "PingFangR"
}
.commonF .font18{
font-size: 18px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2{
width: 600px;
margin-left: 15px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 ul{
margin-left: -12px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .imgDiv{
position: relative;
width: 192px;
height: 144px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 li{
float: left;
margin-left: 12px;
margin-bottom: 10px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .imgDiv img{
width: 100%;
height: 100%;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .imgDiv .country{
width:40px;
height:28px;
background:rgba(249,201,0,1);
display: inline-block;
text-align: center;
line-height: 28px;
position: absolute;
top: 0;
left: 0;
font-size: 12px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .imgDiv .price{
position: absolute;
width: 100%;
bottom: 0;
right: 0;
font-size: 14px;
color:#FDAC11;
background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,-0.01));
text-align: right;
padding-right: 11px;
box-sizing: border-box;
height: 30px;
line-height: 30px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .conDes{
width: 192px;
height: 46px;
font-size: 12px;
color:#333333;
padding: 6px 10px;
box-sizing: border-box;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .conDes span{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 li:hover .conDes{
box-shadow:0px 3px 5px 0px rgba(61,61,61,0.31);
cursor: pointer;
}
.Localtourhome .outoneday .dayContent .dayConDiv3{
float: right;
width: 190px;
}
.Localtourhome .dayConDiv3 .hottour_ul li{
position: relative;
height: 76px;
margin-top:10px;
}
.Localtourhome .dayConDiv3 .hottour_ul li img{
position: absolute;
width: 60px;
height: 60px;
top: 8px;
left: 10px;
}
.commonF .font14{
font-size: 14px;
}
.commonF .font12{
font-size: 12px;
}
.Localtourhome .dayConDiv3 .hottour_ul li .hotcontent{
padding-left: 79px;
box-sizing: border-box;
padding-top:12px;
}
.Localtourhome .textHidden{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.Localtourhome .dayConDiv3 .hottour_ul li:hover{
box-shadow:0px 1px 4px 0px rgba(94,94,94,0.61);
}
.Localtourhome .ticketContent>div{
float: left;
}
.Localtourhome .ticketContent .ticketLeft{
width: 228px;
height: 354px;
}
.Localtourhome .ticketContent .ticketLeft .Hotticket{
position: relative;
}
.Localtourhome .ticketContent .ticketLeft .Hotticket span{
position: absolute;
padding: 0 7px;
height: 36px;
display: inline-block;
line-height:45px;
color: #2D8394;
font-size: 14px;
}
.Localtourhome .ticketLeft .Hotticket span:nth-child(1){
top: 10px;
right: 27px;
background: url("../img/localtour/yun1.png") no-repeat;
background-size:100% 100%;
}
.Localtourhome .ticketLeft .Hotticket span:nth-child(2){
top: 70px;
left: 9px;
background: url("../img/localtour/yun2.png") no-repeat;
background-size:100% 100%;
}
.Localtourhome .ticketLeft .Hotticket span:nth-child(3){
top: 110px;
right: 16px;
background: url("../img/localtour/yun1.png") no-repeat;
background-size:100% 100%;
}
.Localtourhome .ticketLeft .Hotticket span:nth-child(4){
top: 150px;
left: 27px;
background: url("../img/localtour/yun2.png") no-repeat;
background-size:100% 100%;
}
.Localtourhome .ticketRight li{
float: left;
width: 228px;
height: 170px;
position: relative;
margin-left: 15px;
margin-bottom: 14px;
}
.Localtourhome .ticketRight li>img{
width: 100%;
height: 100%;
}
.Localtourhome .ticketRight li .title{
position: absolute;
width:75px;
top: -1px;
left: -2px;
height:35px;
}
.Localtourhome .ticketRight li .title img{
width: 100%;
height: 100%;
}
.Localtourhome .ticketRight li .title p{
z-index: 10;
position: absolute;
top: 0;
color: #fff;
font-size: 12px;
right: 6px;
}
.Localtourhome .ticketRight li .bottom{
height: 30px;
background: rgba(0,0,0,0.5);
position: absolute;
bottom: 0;
}
.Localtourhome .ticketRight li .bottom>span:nth-child(1){
color:#fff;
display: inline-block;
width: 142px;
font-size: 12px;
height: 30px;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Localtourhome .ticketRight li .bottom>span:nth-child(2){
color:#fff;
display: inline-block;
width: 86px;
background: #F9C900;
height: 30px;
line-height: 30px;
color: #333333;
text-align: center;
position: relative;
top: -10px;
}
.Localtourhome .VeContent{
margin-top: 24px;
}
.Localtourhome .VehicleCon .VeContentLeft{
margin-left: -14px;
width: 968px;
float: left;
}
.Localtourhome .VehicleCon .VeContentLeft li{
width:228px;
height:170px;
float: left;
margin-left: 14px;
position: relative;
margin-bottom: 14px;
}
.Localtourhome .VehicleCon .VeContentLeft li img{
width: 100%;
height: 100%;
}
.Localtourhome .VehicleCon .VeContentLeft li .title{
color: #fff;
font-size: 14px;
top: 12px;
left: 14px;
position: absolute;
}
.Localtourhome .VehicleCon .VeContentLeft li .bottom{
width:228px;
height:30px;
background:rgba(255,255,255,0.8);
position: absolute;
bottom: 0;
text-align: center;
line-height: 30px;
font-size: 14px;
}
.Localtourhome .VehicleCon .VeContentLeft li .bottom .price{
width:70px;
height:30px;
background:rgba(249,201,0,1);
position: absolute;
top: -26px;
left: 79px;
text-align: center;
line-height: 30px;
}
.Localtourhome .VehicleCon .VeContentRight{
float: right;
width: 230px;
}
.Localtourhome .VehicleCon .VeContentRight li{
position: relative;
margin-top: 5px;
margin-bottom:45px;
}
.Localtourhome .VehicleCon .VeContentRight li .icon{
position: absolute;
width:54px;
height:54px;
background:rgba(76,185,96,0.2);
border-radius:50%;
text-align: center;
}
.Localtourhome .VehicleCon .VeContentRight li .Explain{
padding-left: 66px;
box-sizing: border-box;
width: 100%;
}
.Localtourhome .overHidden1{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Localtourhome .el-carousel__container{
height: 100%;
}
.Localtourhome .el-carousel__container img{
width: 100%;
height: 100%;
}
......@@ -263,7 +263,7 @@
<img v-if="!img.url" src="../../assets/img/default.png" style="width:200px;height:133px;float:left;" alt="">
<img v-else :src="img.url" style="width:200px;height:133px;float:left;" alt="">
<div style="float:left;margin-left:20px;width:719px">
<p><span style="color:#5F95E8;font-size:16px;margin-bottom:13px">{{Scen.childItem.couponsName}}</span></p>
<p style="margin-bottom:13px"><span style="color:#5F95E8;font-size:16px;">{{Scen.childItem.couponsName}}</span></p>
<p v-if="Scen.childItem.description" v-html="Scen.childItem.description"></p>
</div>
......
<template>
<div class="LocalTourList">
<div class="w1200">
</div>
</div>
</template>
<script>
export default {
data () {
return {
}
},
mounted() {
},
methods: {
}
}
</script>
<style>
</style>
<template>
<div class="Localtourhome commonF">
<div class="w1200">
<!-- 顶部 -->
<div class="basefix">
<div class="sidenav_left">
<div>
<img style="width:390px;height:64px" src="../../assets/img/localtour/tourtop.png" alt="">
</div>
<ul class="citylist">
<li>
<p class="city_title pfR">日本</p>
<div class="citylist_span">
<span>北海道</span>
<span>北海道</span>
<span>北海道</span>
<span>大阪</span>
<span>北海道</span>
<span>北海道</span>
<span>冲绳-石坦岛</span>
</div>
</li>
<li>
<p class="city_title pfR">巴厘岛</p>
<div class="citylist_span">
<span>罗威娜</span>
<span>北海道</span>
<span>乌鲁瓦图</span>
<span>大阪</span>
<span>北海道</span>
<span>北海道</span>
<span>冲绳-石坦岛</span>
</div>
</li>
<li>
<p class="city_title pfR">韩国</p>
<div class="citylist_span">
<span>釜山</span>
<span>北海道</span>
<span>乌鲁瓦图</span>
<span>首尔</span>
<span>济州岛</span>
</div>
</li>
</ul>
</div>
<div class="sidenav_right">
<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="ttd_mod_category">
<ul class="tab_mod basefix">
<li>
<img style="width:80px;height:49px;margin-left:16px" src="../../assets/img/localtour/ban1.png" alt="">
<span style="padding-left:20px">一日游</span>
</li>
<li>
<img style="width:70px;height:39px;margin-left:21px" src="../../assets/img/localtour/ban2.png" alt="">
<span style="padding-left:28px;display:inline-block;width:32px">交通接驳</span>
</li>
<li>
<img style="width:69px;height:70px;margin-left:23px" src="../../assets/img/localtour/ban3.png" alt="">
<span style="padding-left:28px;display:inline-block;width:32px">游玩门票</span>
</li>
<li>
<img style="width:66px;height:58px;margin-left:30px" src="../../assets/img/localtour/ban4.png" alt="">
<span style="padding-left:28px;display:inline-block;width:32px">当地美食</span>
</li>
<li>
<img style="width:80px;height:33px;margin-left:15px" src="../../assets/img/localtour/ban5.png" alt="">
<span style="padding-left:28px;display:inline-block;width:32px">精彩演出</span>
</li>
<li>
<img style="width:68px;height:70px;margin-left:24px" src="../../assets/img/localtour/ban6.png" alt="">
<span style="padding-left:28px;display:inline-block;width:32px">特色体验</span>
</li>
</ul>
</div>
<!-- 境外一日游 -->
<div class="outoneday">
<div class="outone_top commontitle">
<div class="outone_top_left">
<p style="color:#4CB960;font-size:24px">境外一日游</p>
<p style="color:#666666;font-size:10px;margin-top: -2px;">One day tour abroad</p>
</div>
<div class="outone_top_right">
<div class="content">
<span class="outone_active">最新</span>
<span>日本</span>
<span>韩国</span>
<span>巴厘岛</span>
<a>更多一日游</a>
</div>
</div>
</div>
<div class="basefix dayContent" style="margin-top:17px">
<div class="dayConDiv1">
<div>
<img src="../../assets/img/activy.jpg" alt="">
<span class="daydes">日本东京著名景点一日游>东京往返 中文导游 一人发团 游浅草寺台场海滨公园 坐东京游轮 赏东京塔</span>
<span class="price"><span class="pfR font18">1980</span></span>
</div>
<div>
<img src="../../assets/img/activy.jpg" alt="">
<span class="daydes">日本东京著名景点一日游>东京往返 中文导游 一人发团 游浅草寺台场海滨公园 坐东京游轮 赏东京塔</span>
<span class="price"><span class="pfR font18">1980</span></span>
</div>
</div>
<div class="dayConDiv2">
<ul>
<li>
<div class="imgDiv">
<img src="../../assets/img/activy.jpg" alt="">
<span class="country">日本</span>
<p class="price">
<span><span class="font18 pfR">1980</span></span>
</p>
</div>
<div class="conDes">
<span>金阁寺+清水寺+奈良公园+岚山+伏见稻荷大社+祇园一日游【中文司导,酒店接送】</span>
</div>
</li>
<li>
<div class="imgDiv">
<img src="../../assets/img/activy.jpg" alt="">
<span class="country">日本</span>
<p class="price">
<span><span class="font18 pfR">1980</span></span>
</p>
</div>
<div class="conDes">
<span>金阁寺+清水寺+奈良公园+岚山+伏见稻荷大社+祇园一日游【中文司导,酒店接送】</span>
</div>
</li>
<li>
<div class="imgDiv">
<img src="../../assets/img/activy.jpg" alt="">
<span class="country">日本</span>
<p class="price">
<span><span class="font18 pfR">1980</span></span>
</p>
</div>
<div class="conDes">
<span>金阁寺+清水寺+奈良公园+岚山+伏见稻荷大社+祇园一日游【中文司导,酒店接送】</span>
</div>
</li>
<li>
<div class="imgDiv">
<img src="../../assets/img/activy.jpg" alt="">
<span class="country">日本</span>
<p class="price">
<span><span class="font18 pfR">1980</span></span>
</p>
</div>
<div class="conDes">
<span>金阁寺+清水寺+奈良公园+岚山+伏见稻荷大社+祇园一日游【中文司导,酒店接送】</span>
</div>
</li>
<li>
<div class="imgDiv">
<img src="../../assets/img/activy.jpg" alt="">
<span class="country">日本</span>
<p class="price">
<span><span class="font18 pfR">1980</span></span>
</p>
</div>
<div class="conDes">
<span>金阁寺+清水寺+奈良公园+岚山+伏见稻荷大社+祇园一日游【中文司导,酒店接送】</span>
</div>
</li>
<li>
<div class="imgDiv">
<img src="../../assets/img/activy.jpg" alt="">
<span class="country">日本</span>
<p class="price">
<span><span class="font18 pfR">1980</span></span>
</p>
</div>
<div class="conDes">
<span>金阁寺+清水寺+奈良公园+岚山+伏见稻荷大社+祇园一日游【中文司导,酒店接送】</span>
</div>
</li>
</ul>
</div>
<div class="dayConDiv3">
<div style="color:#4CB960">
<img style="width:89px;height17px;" src="../../assets/img/localtour/hotadress.png" alt="">
<span style="font-size:14px;position: relative;top:-3px;left:5px">/ / / / / / / / / </span>
</div>
<ul class="hottour_ul">
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="hotcontent">
<span class="textHidden font12">日本箱根海盗船-空中缆车-御殿场...特莱斯1日游购物储值...</span>
<p class="font12" style="color:#FDAC11;text-align:right;padding-top:4px;padding-right:6px"><span class="pfR font14">128</span></p>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="hotcontent">
<span class="textHidden font12">日本箱根海盗船-空中缆车-御殿场...特莱斯1日游购物储值...</span>
<p class="font12" style="color:#FDAC11;text-align:right;padding-top:4px;padding-right:6px"><span class="pfR font14">128</span></p>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="hotcontent">
<span class="textHidden font12">日本箱根海盗船-空中缆车-御殿场...特莱斯1日游购物储值...</span>
<p class="font12" style="color:#FDAC11;text-align:right;padding-top:4px;padding-right:6px"><span class="pfR font14">128</span></p>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="hotcontent">
<span class="textHidden font12">日本箱根海盗船-空中缆车-御殿场...特莱斯1日游购物储值...</span>
<p class="font12" style="color:#FDAC11;text-align:right;padding-top:4px;padding-right:6px"><span class="pfR font14">128</span></p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 游玩门票 -->
<div class="PlayTicket">
<div class="outone_top commontitle">
<div class="outone_top_left">
<p style="color:#4CB960;font-size:24px">游玩门票</p>
<p style="color:#666666;font-size:10px;margin-top: -2px;">Visit tickets</p>
</div>
<div class="outone_top_right">
<div class="content">
<span class="outone_active">亲子</span>
<span>日本</span>
<span>韩国</span>
<span>巴厘岛</span>
<a>更多门票</a>
</div>
</div>
</div>
<div class="ticketContent basefix" style="margin-top:24px;">
<div class="ticketLeft">
<p>热门游玩</p>
<div class="Hotticket">
<span>迪士尼乐园</span>
<span>大阪环球影城</span>
<span>迪士尼乐园</span>
<span>大阪环球影城</span>
</div>
</div>
<ul class="ticketRight basefix">
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">
<img src="../../assets/img/localtour/ticket1.png" alt="">
<!-- <img src="../../assets/img/localtour/ticket2.png" alt=""> -->
<p style="margin-top:3px;">电影</p>
<p style="margin-top:18px;">6月12日~</p>
</div>
<div class="bottom">
<span>东京迪士尼乐园/迪士士尼乐园/迪士</span>
<span class="font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">
<img src="../../assets/img/localtour/ticket1.png" alt="">
<!-- <img src="../../assets/img/localtour/ticket2.png" alt=""> -->
<p style="margin-top:3px;">电影</p>
<p style="margin-top:18px;">6月12日~</p>
</div>
<div class="bottom">
<span>东京迪士尼乐园/迪士士尼乐园/迪士</span>
<span class="font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">
<img src="../../assets/img/localtour/ticket1.png" alt="">
<!-- <img src="../../assets/img/localtour/ticket2.png" alt=""> -->
<p style="margin-top:3px;">电影</p>
<p style="margin-top:18px;">6月12日~</p>
</div>
<div class="bottom">
<span>东京迪士尼乐园/迪士士尼乐园/迪士</span>
<span class="font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">
<img src="../../assets/img/localtour/ticket1.png" alt="">
<!-- <img src="../../assets/img/localtour/ticket2.png" alt=""> -->
<p style="margin-top:3px;">电影</p>
<p style="margin-top:18px;">6月12日~</p>
</div>
<div class="bottom">
<span>东京迪士尼乐园/迪士士尼乐园/迪士</span>
<span class="font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">
<img src="../../assets/img/localtour/ticket1.png" alt="">
<!-- <img src="../../assets/img/localtour/ticket2.png" alt=""> -->
<p style="margin-top:3px;">电影</p>
<p style="margin-top:18px;">6月12日~</p>
</div>
<div class="bottom">
<span>东京迪士尼乐园/迪士士尼乐园/迪士</span>
<span class="font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">
<img src="../../assets/img/localtour/ticket1.png" alt="">
<!-- <img src="../../assets/img/localtour/ticket2.png" alt=""> -->
<p style="margin-top:3px;">电影</p>
<p style="margin-top:18px;">6月12日~</p>
</div>
<div class="bottom">
<span>东京迪士尼乐园/迪士士尼乐园/迪士</span>
<span class="font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">
<img src="../../assets/img/localtour/ticket1.png" alt="">
<!-- <img src="../../assets/img/localtour/ticket2.png" alt=""> -->
<p style="margin-top:3px;">电影</p>
<p style="margin-top:18px;">6月12日~</p>
</div>
<div class="bottom">
<span>东京迪士尼乐园/迪士士尼乐园/迪士</span>
<span class="font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">
<img src="../../assets/img/localtour/ticket1.png" alt="">
<!-- <img src="../../assets/img/localtour/ticket2.png" alt=""> -->
<p style="margin-top:3px;">电影</p>
<p style="margin-top:18px;">6月12日~</p>
</div>
<div class="bottom">
<span>东京迪士尼乐园/迪士士尼乐园/迪士</span>
<span class="font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
</ul>
</div>
</div>
<!-- 车辆接驳 -->
<div class="VehicleCon">
<div class="outone_top commontitle">
<div class="outone_top_left">
<p style="color:#4CB960;font-size:24px">车辆接驳</p>
<p style="color:#666666;font-size:10px;margin-top: -2px;">Vehicle shuttle</p>
</div>
<div class="outone_top_right">
<div class="content">
<span class="outone_active">热门</span>
<span>日本</span>
<span>韩国</span>
<span>巴厘岛</span>
<a>更多车辆</a>
</div>
</div>
</div>
<div class="VeContent basefix">
<ul class="VeContentLeft basefix">
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">日本-东京</div>
<div class="bottom">
东京成田国际机场 接送机
<span class="price font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">日本-东京</div>
<div class="bottom">
东京成田国际机场 接送机
<span class="price font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">日本-东京</div>
<div class="bottom">
东京成田国际机场 接送机
<span class="price font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">日本-东京</div>
<div class="bottom">
东京成田国际机场 接送机
<span class="price font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">日本-东京</div>
<div class="bottom">
东京成田国际机场 接送机
<span class="price font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">日本-东京</div>
<div class="bottom">
东京成田国际机场 接送机
<span class="price font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">日本-东京</div>
<div class="bottom">
东京成田国际机场 接送机
<span class="price font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
<li>
<img src="../../assets/img/activy.jpg" alt="">
<div class="title">日本-东京</div>
<div class="bottom">
东京成田国际机场 接送机
<span class="price font12">¥<a class="font14">568</a>起/人</span>
</div>
</li>
</ul>
<ul class="VeContentRight basefix">
<li>
<div class="icon">
<img style="width: 28px;height: 31px;margin-top: 10px;" src="../../assets/img/localtour/info.png" alt="">
</div>
<div class="Explain">
<p class="font18 pfR">无忧用车</p>
<p class="overHidden1" style="font-size:11px;padding-top:6px">用车前发送司机和上车地点信息</p>
</div>
</li>
<li>
<div class="icon">
<img style="width: 28px;height: 28px;margin-top: 13px;" src="../../assets/img/localtour/info2.png" alt="">
</div>
<div class="Explain">
<p class="font18 pfR">免费取消</p>
<p class="overHidden1" style="font-size:11px;padding-top:6px">用车24小时前可免费取消</p>
</div>
</li>
<li>
<div class="icon">
<img style="width: 31px;height: 28px;margin-top: 12px;" src="../../assets/img/localtour/info3.png" alt="">
</div>
<div class="Explain">
<p class="font18 pfR">退赔安心</p>
<p class="overHidden1" style="font-size:11px;padding-top:6px">无车迟到都可退赔相应金额</p>
</div>
</li>
<li>
<div class="icon">
<img style="width: 28px;height: 28px;margin-top: 12px;" src="../../assets/img/localtour/info4.png" alt="">
</div>
<div class="Explain">
<p class="font18 pfR">免费等候 </p>
<p class="overHidden1" style="font-size:11px;padding-top:6px">接机送机都可免费等候30分钟</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
slideList:[],
slidemsg:{
rbBranchId:localStorage.site,
slideType:5,
platformType:1
},
}
},
mounted() {
this.getSlideList();
},
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
);
},
}
}
</script>
<style scoped>
@import "../../assets/css/localtourhome.css";
</style>
......@@ -173,11 +173,17 @@
</li>
<!-- 当地游 -->
<li :class="{_active: navActive === 3}">
<div @click="handleSelect('/OneDayTour', 3), navActive = 3">
<div @click="handleSelect('/Localtourhome', 3), navActive = 3">
<span>当地游</span>
<span class="__splice">|</span>
</div>
</li>
<!-- <li :class="{_active: navActive === 3}">
<div @click="handleSelect('/OneDayTour', 3), navActive = 3">
<span>当地游</span>
<span class="__splice">|</span>
</div>
</li> -->
<!-- 酒店 -->
<li :class="{_active: navActive === 4}">
<div @click="handleSelect('/', 4), navActive = 4">
......
......@@ -380,7 +380,24 @@ export default new Router({
title: "首页"
}
},
{
path: "/Localtourhome",
name: "Localtourhome",
component: resolve =>
require(["@/components/LocalTour/Localtourhome.vue"], resolve),
meta: {
title: "当地游"
}
},
{
path: "/LocalTourList",
name: "LocalTourList",
component: resolve =>
require(["@/components/LocalTour/LocalTourList.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