Skip to content

A
Athena
Commit 4819d409 authored by zhengke's avatar zhengke
Browse files
Options

娟妹说增加老挝

parent 750e90b8
Hide whitespace changes
Inline Side-by-side
Showing with 237 additions and 3 deletions
src/assets/img/juan/laowoPc.jpg 0 → 100644
View file @ 4819d409
This diff is collapsed.
src/assets/img/juan/laowoPh.jpg 0 → 100644
View file @ 4819d409
This diff is collapsed.
src/components/taskPage/JuanSaid.vue
View file @ 4819d409
......@@ -25,10 +25,13 @@
background-size: cover;
}
.tst-huaxue{
background: url('../../assets/img/juan/huaxue2.jpg') 100% center;
background: url('../../assets/img/juan/huaxue.jpg') 100% center;
background-size: cover;
}
.tst-laowo{
background: url('../../assets/img/juan/laowo_01.jpg') 100% center;
background-size: cover;
}
.tstt{
background: url('../../assets/img/juan/listbanner.png') 100% center;
background-size: cover;
......@@ -356,11 +359,15 @@
<p class="f30" style="text-align:center;margin-top:100px">本季<span style="color:#EE4454">. 精选特惠</span></p>
<p class="f20" style="color:#999999;text-align:center">Selected Recommendation</p>
<div class="jxth destiDiv basefix">
<div @click="goUrl('Laowo')" class="destiItem tst-laowo">
</div>
<div @click="goUrl('Juanski')" class="destiItem tst-huaxue">
</div>
<div @click="goUrl('FoodImg4')" class="destiItem tst-one">
</div>
<div @click="goUrl('Fire')" class="destiItem tst-two">
<div @click="goUrl('Fire')" class="destiItem tst-two" style="display:none;">
</div>
<div @click="goUrl('FoodImg')" class="destiItem tst-three">
</div>
......
src/components/taskPage/Laowo.vue 0 → 100644
View file @ 4819d409
<style scoped>
.div1{
width: 100%;
height: auto;
position: relative;
}
.div1 img {
width: 100%;
/* position: absolute; */
z-index:100;
}
.Homeimg{
position: absolute;
z-index: 20000;
width: 45px!important;
height: 45px!important;
left: 56px;
top: 39px;
cursor: pointer;
}
.bottom img{
width: 100%;
position: absolute;
z-index: 1
}
a{
text-decoration: none;
color:#111111;
}
.FM_div{
width:100%;
height:auto;
position: relative;
}
.FM_div img{
width:100%;
position: absolute;
z-index:100;
}
.div3 img{
width:100%;
height: 100%;
}
</style>
<template>
<div>
<div style="position: relative;" v-show="isPhone">
<img @click="goUrl('Home')" class="Homeimg" src="../../assets/img/juan/home.png" alt />
<div class="div3 div1" ref="div3" >
<img class="img" src="../../assets/img/juan/laowoPh.jpg" alt=""/>
</div>
<div class="bottom" style="position:absolute;bottom:0;width:80%;left:11%;bottom:60px;">
<div style="width:100%;padding:10px 0 0 10px;z-index:200">
<el-row style="padding:50px 0 5px 0;cursor:pointer;" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
<a target="_blank" style="font-size:12px;">老挝·特惠假期系列 </a>
</el-col>
<el-col :span="10" style="text-align:right;font-size:12px;">出团日期：11月</el-col>
</el-row>
<el-row style="cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
<a target="_blank" style="font-size:12px;">老挝·特惠假期系列</a>
</el-col>
<el-col :span="10" style="text-align:right;font-size:12px;">出团日期：11月</el-col>
</el-row>
<el-row style="padding-top:5px;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
<a target="_blank" style="font-size:12px;">老挝·特惠假期系列</a>
</el-col>
<el-col :span="10" style="text-align:right;font-size:12px;">出团日期：11月</el-col>
</el-row>
<el-row style="padding-top:5px;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
<a target="_blank" style="font-size:12px;"> 老挝·特惠假期系列</a>
</el-col>
<el-col :span="10" style="text-align:right;font-size:12px;">出团日期：11月</el-col>
</el-row>
<el-row style="padding-top:5px;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
<a target="_blank" style="font-size:12px;"> 老挝·特惠假期系列</a>
</el-col>
<el-col :span="10" style="text-align:right;font-size:12px;">出团日期：11月</el-col>
</el-row>
<el-row style="padding-top:5px;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
<a target="_blank" style="font-size:12px;"> 老挝·特惠假期系列</a>
</el-col>
<el-col :span="10" style="text-align:right;font-size:12px;">出团日期：11月</el-col>
</el-row>
</div>
</div>
</div>
<div style="position: relative;" v-show="!isPhone">
<img @click="goUrl('Home')" class="Homeimg" src="../../assets/img/juan/home.png" alt />
<div class="div1" ref="div1">
<img class="img" src="../../assets/img/juan/laowoPc.jpg" alt=""/>
</div>
<div class="bottom" style="position:absolute;left:50%;margin-left:-600px;bottom:280px;">
<div style="width:1200px;padding-top:200px;z-index:200">
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/search?keywords=&lineName=出境中南半岛线&lineId=9">老挝·特惠假期系列</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期：2019年11月</el-col>
</el-row>
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/search?keywords=&lineName=出境中南半岛线&lineId=9">老挝·特惠假期系列</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期：2019年11月</el-col>
</el-row>
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/search?keywords=&lineName=出境中南半岛线&lineId=9">老挝·特惠假期系列</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期：2019年11月</el-col>
</el-row>
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/search?keywords=&lineName=出境中南半岛线&lineId=9"> 老挝·特惠假期系列</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期：2019年11月</el-col>
</el-row>
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/search?keywords=&lineName=出境中南半岛线&lineId=9"> 老挝·特惠假期系列</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期：2019年11月</el-col>
</el-row>
<el-row style="padding:15px 0;cursor:pointer" :gutter="20">
<el-col :span="12" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;margin-left:100px;">
<a target="_blank" href="http://www.oytour.com/#/search?keywords=&lineName=出境中南半岛线&lineId=9"> 老挝·特惠假期系列</a>
</el-col>
<el-col :span="8" style="text-align:center">出团日期：2019年11月</el-col>
</el-row>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
ab:0,
SaleList:[],
cityId:262,
companyId:0,
isPhone:false,
height2:"0px",
ab3:0
};
},
mounted() {
this.$nextTick(()=>{
// this.getFirstImg();
// this.AutoExchange();
})
  var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
let userAgentInfo = navigator.userAgent;
let Agents = ["Android", "iPhone",
"SymbianOS", "Windows Phone",
"iPad", "iPod"];
for (let v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
this.isPhone = true;
// this.AutoExchange3();
break;
}
}
},
created() {
this.cityId=localStorage.cityId?localStorage.cityId:0;
this.companyId=localStorage.site?parseInt(localStorage.site):0;
this.Cztm();
let oWidth = window.screen.width;
},
components: {
},
methods: {
goLocalDes(idDes,obj){
let path = 'detailTwo'
path=`${path}/${encodeURIComponent(idDes)}/${obj.tcid}`;
let routeData = this.$router.resolve({ path:path});
window.open(routeData.href, '_blank');
},
goUrl(path){
this.$router.push({ path,query:{}})
},
Cztm(){
let Msg={
pageIndex:1,
pageSize:5,
companyId:this.companyId,
cityId:this.cityId,
};
this.apiJavaPost('/api/b2b/home/getHomeTravelSpecialSale',Msg,res=>{
if(res.data.resultCode==1){
this.SaleList=res.data.data.pageData;
}else{
this.Error(res.data.message);
}
},null)
},
}
};
</script>
src/router.js
View file @ 4819d409
......@@ -10,6 +10,7 @@ import IceCreamTask from "./components/taskPage/IceCream/IceCreamTask";
import FoodImg from "./components/taskPage/FoodImg";
import FoodImg2 from "./components/taskPage/FoodImg2";
import FoodImg4 from "./components/taskPage/FoodImg4";
import Laowo from "./components/taskPage/Laowo";
import xiazaiAPP from "./components/taskPage/xiazaiAPP";
import Fire from "./components/taskPage/Fire";
import Img5 from "./components/taskPage/Img5";
......@@ -782,6 +783,15 @@ export default new Router({
headerShow: true,
},
},
{
path: "/Laowo",
name: "Laowo",
component: Laowo,
meta: {
title: "卷妹说",
headerShow: true,
},
},
{
path: "/Fire",
name: "Fire",
......
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