Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
A
Athena
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
华国豪
Athena
Commits
4e35496a
Commit
4e35496a
authored
Jul 22, 2019
by
zhengke
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
增加手机端显示
parent
1c1583ad
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
270 additions
and
72 deletions
+270
-72
fire1.png
src/assets/img/juan/fire1.png
+0
-0
fire2.png
src/assets/img/juan/fire2.png
+0
-0
fm1.jpg
src/assets/img/juan/fm1.jpg
+0
-0
fm2.png
src/assets/img/juan/fm2.png
+0
-0
fmBtm.png
src/assets/img/juan/fmBtm.png
+0
-0
twoCode.jpg
src/assets/img/juan/twoCode.jpg
+0
-0
Fire.vue
src/components/taskPage/Fire.vue
+116
-22
FoodImg.vue
src/components/taskPage/FoodImg.vue
+154
-50
No files found.
src/assets/img/juan/fire1.png
0 → 100644
View file @
4e35496a
6.39 MB
src/assets/img/juan/fire2.png
0 → 100644
View file @
4e35496a
6.72 MB
src/assets/img/juan/fm1.jpg
0 → 100644
View file @
4e35496a
920 KB
src/assets/img/juan/fm2.png
0 → 100644
View file @
4e35496a
4.48 MB
src/assets/img/juan/fmBtm.png
0 → 100644
View file @
4e35496a
39.6 KB
src/assets/img/juan/twoCode.jpg
0 → 100644
View file @
4e35496a
31.3 KB
src/components/taskPage/Fire.vue
View file @
4e35496a
...
@@ -53,39 +53,89 @@
...
@@ -53,39 +53,89 @@
position
:
relative
;
position
:
relative
;
top
:
-260px
;
top
:
-260px
;
}
}
.FM_div
{
width
:
100%
;
height
:
auto
;
position
:
relative
;
}
.FM_div
img
{
width
:
100%
;
position
:
absolute
;
z-index
:
100
;
}
.videoBox
{
position
:
absolute
;
width
:
490px
;
height
:
290px
;
top
:
1245px
;
margin
:
auto
;
left
:
90px
;
z-index
:
200
;
}
.TwoCode
{
width
:
100%
;
text-align
:
center
;
height
:
200px
;
position
:
absolute
;
bottom
:
0
;
margin
:
auto
;
z-index
:
200
;
}
.TwoCode
img
{
width
:
150px
!important
;
width
:
100%
;
bottom
:
0
;
z-index
:
21000
;
position
:
relative
;
}
</
style
>
</
style
>
<
template
>
<
template
>
<div
style=
"position: relative;"
>
<div>
<img
@
click=
"goUrl('Home')"
class=
"Homeimg"
src=
"../../assets/img/juan/home.png"
alt
/>
<div
v-show=
"isPhone"
>
<div
class=
"div1"
ref=
"div1"
:style=
"
{height: height1}">
<div
class=
"FM_div"
ref=
"div3"
:style=
"
{height: height3}">
<img
class=
"img"
src=
"../../assets/img/juan/h1.png"
alt=
""
/>
<img
class=
"img"
src=
"../../assets/img/juan/fire1.png"
alt=
""
/>
<img
class=
"img"
src=
"../../assets/img/juan/h11.png"
alt=
""
/>
<img
class=
"img"
src=
"../../assets/img/juan/fire2.png"
alt=
""
/>
<div
class=
"spDiv"
:style=
"
{zoom: zoom}">
<div
class=
"videoBox"
:style=
"
{zoom: zoom}">
<div
style=
"box-sizing: border-box;padding: 21px 44px 17px 44px;"
>
<video
style=
"width:100%;height:100%;border:none"
loop=
"loop"
controls=
"controls"
autoplay=
"autoplay"
>
<video
style=
"width:100%;height:100%;border:none"
loop=
"loop"
controls=
"controls"
autoplay=
"autoplay"
>
<source
src=
"../../assets/media/fire.mp4"
type=
"video/ogg"
/>
<source
src=
"../../assets/media/fire.mp4"
type=
"video/ogg"
/>
</video>
</video>
</div>
</div>
<div
class=
"TwoCode"
>
<img
src=
"../../assets/img/juan/twoCode.jpg"
alt=
""
/>
</div>
</div>
</div>
</div>
</div>
<div
class=
"div1"
ref=
"div2"
:style=
"
{height: height2}" style="margin-top:-75px">
<div
style=
"position: relative;"
v-show=
"!isPhone"
>
<img
class=
"img"
src=
"../../assets/img/juan/h2.png"
alt=
""
/>
<img
@
click=
"goUrl('Home')"
class=
"Homeimg"
src=
"../../assets/img/juan/home.png"
alt
/>
<img
class=
"img"
src=
"../../assets/img/juan/h22.png"
alt=
""
/>
<div
class=
"div1"
ref=
"div1"
:style=
"
{height: height1}">
<!--
<div
class=
"tiaoDiv"
:style=
"
{zoom: zoom}">
<img
class=
"img"
src=
"../../assets/img/juan/h1.png"
alt=
""
/>
<div
style=
"position:relative;z-index:200;color:#fff;padding:40px 0 0 70px;box-sizing:border-box"
>
<img
class=
"img"
src=
"../../assets/img/juan/h11.png"
alt=
""
/>
<el-row
style=
"padding:8px 0;cursor:pointer;width: 100%;"
:gutter=
"20"
v-for=
"item in tiaoshui"
:key=
"item.id"
>
<div
class=
"spDiv"
:style=
"
{zoom: zoom}">
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<div
style=
"box-sizing: border-box;padding: 21px 44px 17px 44px;"
>
<p
@
click=
"goLocalDes(item.idDes, item)"
>
{{
item
.
title
}}
</p>
<video
style=
"width:100%;height:100%;border:none"
loop=
"loop"
controls=
"controls"
autoplay=
"autoplay"
>
</el-col>
<source
src=
"../../assets/media/fire.mp4"
type=
"video/ogg"
/>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:
{{
item
.
startDate
}}
</el-col>
</video>
</el-row>
</div>
</div>
</div>
</div>
-->
</div>
<div
class=
"div1"
ref=
"div2"
:style=
"
{height: height2}" style="margin-top:-75px">
<img
class=
"img"
src=
"../../assets/img/juan/h2.png"
alt=
""
/>
<img
class=
"img"
src=
"../../assets/img/juan/h22.png"
alt=
""
/>
<!--
<div
class=
"tiaoDiv"
:style=
"
{zoom: zoom}">
<div
style=
"position:relative;z-index:200;color:#fff;padding:40px 0 0 70px;box-sizing:border-box"
>
<el-row
style=
"padding:8px 0;cursor:pointer;width: 100%;"
:gutter=
"20"
v-for=
"item in tiaoshui"
:key=
"item.id"
>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<p
@
click=
"goLocalDes(item.idDes, item)"
>
{{
item
.
title
}}
</p>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:
{{
item
.
startDate
}}
</el-col>
</el-row>
</div>
</div>
-->
</div>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
export
default
{
export
default
{
...
@@ -93,12 +143,15 @@ export default {
...
@@ -93,12 +143,15 @@ export default {
return
{
return
{
ab
:
0
,
ab
:
0
,
ab2
:
0
,
ab2
:
0
,
ab3
:
0
,
SaleList
:[],
SaleList
:[],
cityId
:
262
,
cityId
:
262
,
companyId
:
0
,
companyId
:
0
,
height1
:
"0px"
,
height1
:
"0px"
,
height2
:
"0px"
,
height2
:
"0px"
,
height3
:
"0px"
,
tiaoshui
:[],
tiaoshui
:[],
isPhone
:
false
};
};
},
},
mounted
()
{
mounted
()
{
...
@@ -107,8 +160,17 @@ export default {
...
@@ -107,8 +160,17 @@ export default {
this
.
AutoExchange
();
this
.
AutoExchange
();
// this.getFirstImg2();
// this.getFirstImg2();
this
.
AutoExchange2
();
this
.
AutoExchange2
();
})
})
var
ua
=
navigator
.
userAgent
.
toLowerCase
();
//获取判断用的对象
if
(
ua
.
match
(
/MicroMessenger/i
)
==
"micromessenger"
)
{
//在微信中打开
this
.
isPhone
=
true
;
this
.
AutoExchange3
();
}
else
{
//否则就是PC浏览器打开
this
.
isPhone
=
false
;
}
},
},
created
()
{
created
()
{
this
.
cityId
=
localStorage
.
cityId
;
this
.
cityId
=
localStorage
.
cityId
;
...
@@ -130,6 +192,8 @@ export default {
...
@@ -130,6 +192,8 @@ export default {
this
.
height1
=
(
2465
/
1920
)
*
oWidth
+
'px'
;
this
.
height1
=
(
2465
/
1920
)
*
oWidth
+
'px'
;
this
.
height2
=
(
4427
/
1920
)
*
oWidth
+
'px'
;
this
.
height2
=
(
4427
/
1920
)
*
oWidth
+
'px'
;
this
.
loadTiaoshui
();
this
.
loadTiaoshui
();
let
oWidth2
=
window
.
screen
.
width
;
this
.
height3
=
(
5451
/
750
)
*
oWidth2
+
'px'
;
},
},
methods
:
{
methods
:
{
goLocalDes
(
idDes
,
obj
){
goLocalDes
(
idDes
,
obj
){
...
@@ -182,6 +246,17 @@ export default {
...
@@ -182,6 +246,17 @@ export default {
}
}
}
}
},
},
getFirstImg3
(){
let
div3
=
this
.
$refs
.
div3
;
//整个区域
var
imgLen
=
div3
.
getElementsByClassName
(
"img"
);
//图片
for
(
var
i
=
0
;
i
<
imgLen
.
length
;
i
++
){
if
(
i
!=
0
){
imgLen
[
i
].
style
.
opacity
=
0
;
}
}
},
//自动切换
//自动切换
AutoExchange
(){
AutoExchange
(){
var
div1
=
this
.
$refs
.
div1
;
//整个区域
var
div1
=
this
.
$refs
.
div1
;
//整个区域
...
@@ -217,7 +292,26 @@ export default {
...
@@ -217,7 +292,26 @@ export default {
}
}
}
}
},
5000
);
},
5000
);
},
//自动切换
AutoExchange3
(){
let
div3
=
this
.
$refs
.
div3
;
//整个区域
var
imgLen
=
div3
.
getElementsByClassName
(
"img"
);
//图片
var
that
=
this
;
setInterval
(
function
ac
()
{
//设置2000毫秒重复运行
that
.
ab3
=
that
.
ab3
>
imgLen
.
length
-
2
?
0
:
++
that
.
ab3
;
//5张图,当触摸到的按钮索引号大于3时(比如4),那么ab=0(下一张图为第0张),否则++ab;
//循环遍历下一张图的效果.
for
(
var
b
=
0
;
b
<
imgLen
.
length
;
b
++
)
{
if
(
b
==
that
.
ab3
)
{
imgLen
[
b
].
style
.
opacity
=
1
;
imgLen
[
b
].
style
.
transition
=
"opacity 2s"
;
}
else
{
imgLen
[
b
].
style
.
opacity
=
0
;
}
}
},
5000
);
}
}
}
}
};
};
</
script
>
</
script
>
src/components/taskPage/FoodImg.vue
View file @
4e35496a
...
@@ -30,61 +30,132 @@ a{
...
@@ -30,61 +30,132 @@ a{
text-decoration
:
none
;
text-decoration
:
none
;
color
:
#111111
;
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
>
</
style
>
<
template
>
<
template
>
<div
style=
"position: relative;"
>
<div>
<img
@
click=
"goUrl('Home')"
class=
"Homeimg"
src=
"../../assets/img/juan/home.png"
alt
/>
<div
style=
"position: relative;"
v-show=
"isPhone"
>
<div
class=
"div1"
ref=
"div1"
>
<img
@
click=
"goUrl('Home')"
class=
"Homeimg"
src=
"../../assets/img/juan/home.png"
alt
/>
<div
class=
"div3 div1"
ref=
"div3"
:style=
"
{height: height2}">
<!-- -->
<img
class=
"img"
src=
"../../assets/img/juan/f1.png"
alt=
""
/>
<!-- -->
<img
class=
"img"
src=
"../../assets/img/juan/f2.png"
alt=
""
/>
<img
class=
"img"
src=
"../../assets/img/juan/fm1.jpg"
alt=
""
/>
<div
style=
"position: relative;z-index:-100;opacity:0"
>
<img
class=
"img"
src=
"../../assets/img/juan/fm2.png"
alt=
""
/>
<img
style=
"position: relative;"
src=
"../../assets/img/juan/f1.png"
alt=
""
/>
<div
style=
"position: relative;z-index:-100;opacity:0"
>
<img
style=
"position: relative;"
src=
"../../assets/img/juan/fm1.jpg"
alt=
""
/>
</div>
</div>
<div
class=
"bottom"
>
<img
src=
"../../assets/img/juan/fmBtm.png"
alt=
""
/>
<div
style=
"width:95%;margin:0 auto;padding-top:10px;position:relative;z-index:200"
>
<el-row
style=
"padding:30px 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;"
href=
"http://www.oytour.com/#/search?keywords=&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineId=14"
>
日本本州·一四七升版~米其林椿山庄+豪华双温泉
</a>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center;font-size:12px;"
>
出团日期:2019年7月
</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;"
href=
"http://www.oytour.com/#/search?keywords=&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineId=14"
>
日本本州~希尔顿假期~全程日式五星
</a>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center;font-size:12px;"
>
出团日期:2019年8月
</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;"
href=
"http://www.oytour.com/#/search?keywords=%25E8%258A%25B1%25E7%2581%25AB%25E5%25A4%25A7%25E4%25BC%259A"
>
本州精品假期升级版
</a>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center;font-size:12px;"
>
出团日期:2019年8月
</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;"
href=
"http://www.oytour.com/#/search?keywords=&lineId=14&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineteamId=592&lineteamName=%E8%AE%A9%E4%BD%A0%E7%8E%A9%E5%A5%BD%E2%80%9D%E4%B9%9D%E2%80%9D~%E4%B9%9D%E5%B7%9E%E7%B3%BB%E5%88%97"
>
让你玩好”九”~九州系列
</a>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center;font-size:12px;"
>
出团日期:2019年7月
</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;"
href=
"http://www.oytour.com/#/search?keywords=&lineId=14&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineteamId=592&lineteamName=%E8%AE%A9%E4%BD%A0%E7%8E%A9%E5%A5%BD%E2%80%9D%E4%B9%9D%E2%80%9D~%E4%B9%9D%E5%B7%9E%E7%B3%BB%E5%88%97"
>
北海道 希尔顿系列(东航联营)
</a>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center;font-size:12px;"
>
出团日期:2019年9月
</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;"
href=
"http://www.oytour.com/#/search?keywords=&lineId=14&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineteamId=592&lineteamName=%E8%AE%A9%E4%BD%A0%E7%8E%A9%E5%A5%BD%E2%80%9D%E4%B9%9D%E2%80%9D~%E4%B9%9D%E5%B7%9E%E7%B3%BB%E5%88%97"
>
暑期乐园系列
</a>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center;font-size:12px;"
>
出团日期:2019年8月
</el-col>
</el-row>
</div>
</div>
</div>
</div>
</div>
<div
class=
"bottom"
>
<div
style=
"position: relative;"
v-show=
"!isPhone"
>
<img
src=
"../../assets/img/juan/bottom.png"
alt=
""
/>
<img
@
click=
"goUrl('Home')"
class=
"Homeimg"
src=
"../../assets/img/juan/home.png"
alt
/>
<div
style=
"width:1200px;margin:0 auto;padding-top:200px;position:relative;z-index:200"
>
<div
class=
"div1"
ref=
"div1"
>
<el-row
style=
"padding:15px 0;cursor:pointer"
:gutter=
"20"
>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<!-- -->
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineId=14"
>
日本本州·一四七升版~米其林椿山庄+豪华双温泉
</a>
<img
class=
"img"
src=
"../../assets/img/juan/f1.png"
alt=
""
/>
</el-col>
<img
class=
"img"
src=
"../../assets/img/juan/f2.png"
alt=
""
/>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年7月
</el-col>
<div
style=
"position: relative;z-index:-100;opacity:0"
>
</el-row>
<img
style=
"position: relative;"
src=
"../../assets/img/juan/f1.png"
alt=
""
/>
<el-row
style=
"padding:15px 0;cursor:pointer"
:gutter=
"20"
>
</div>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
</div>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineId=14"
>
日本本州~希尔顿假期~全程日式五星
</a>
<div
class=
"bottom"
>
</el-col>
<img
src=
"../../assets/img/juan/bottom.png"
alt=
""
/>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年8月
</el-col>
<div
style=
"width:1200px;margin:0 auto;padding-top:200px;position:relative;z-index:200"
>
</el-row>
<el-row
style=
"padding:15px 0;cursor:pointer"
:gutter=
"20"
>
<el-row
style=
"padding:15px 0;cursor:pointer"
:gutter=
"20"
>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineId=14"
>
日本本州·一四七升版~米其林椿山庄+豪华双温泉
</a>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=%25E8%258A%25B1%25E7%2581%25AB%25E5%25A4%25A7%25E4%25BC%259A"
>
本州精品假期升级版
</a>
</el-col>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年7月
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年8月
</el-col>
</el-row>
</el-row>
<el-row
style=
"padding:15px 0;cursor:pointer"
:gutter=
"20"
>
<el-row
style=
"padding:15px 0;cursor:pointer"
:gutter=
"20"
>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineId=14"
>
日本本州~希尔顿假期~全程日式五星
</a>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=&lineId=14&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineteamId=592&lineteamName=%E8%AE%A9%E4%BD%A0%E7%8E%A9%E5%A5%BD%E2%80%9D%E4%B9%9D%E2%80%9D~%E4%B9%9D%E5%B7%9E%E7%B3%BB%E5%88%97"
>
让你玩好”九”~九州系列
</a>
</el-col>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年8月
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年7月
</el-col>
</el-row>
</el-row>
<el-row
style=
"padding:15px 0;cursor:pointer"
:gutter=
"20"
>
<el-row
style=
"padding:15px 0;cursor:pointer"
:gutter=
"20"
>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=%25E8%258A%25B1%25E7%2581%25AB%25E5%25A4%25A7%25E4%25BC%259A"
>
本州精品假期升级版
</a>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=&lineId=14&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineteamId=592&lineteamName=%E8%AE%A9%E4%BD%A0%E7%8E%A9%E5%A5%BD%E2%80%9D%E4%B9%9D%E2%80%9D~%E4%B9%9D%E5%B7%9E%E7%B3%BB%E5%88%97"
>
北海道 希尔顿系列(东航联营)
</a>
</el-col>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年8月
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年9月
</el-col>
</el-row>
</el-row>
<el-row
style=
"padding:15px 0;cursor:pointer"
:gutter=
"20"
>
<el-row
style=
"padding:15px 0;cursor:pointer"
:gutter=
"20"
>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<el-col
:span=
"12"
style=
"white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=&lineId=14&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineteamId=592&lineteamName=%E8%AE%A9%E4%BD%A0%E7%8E%A9%E5%A5%BD%E2%80%9D%E4%B9%9D%E2%80%9D~%E4%B9%9D%E5%B7%9E%E7%B3%BB%E5%88%97"
>
让你玩好”九”~九州系列
</a>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=&lineId=14&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineteamId=592&lineteamName=%E8%AE%A9%E4%BD%A0%E7%8E%A9%E5%A5%BD%E2%80%9D%E4%B9%9D%E2%80%9D~%E4%B9%9D%E5%B7%9E%E7%B3%BB%E5%88%97"
>
暑期乐园系列
</a>
</el-col>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年7月
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年8月
</el-col>
</el-row>
</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"
>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=&lineId=14&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineteamId=592&lineteamName=%E8%AE%A9%E4%BD%A0%E7%8E%A9%E5%A5%BD%E2%80%9D%E4%B9%9D%E2%80%9D~%E4%B9%9D%E5%B7%9E%E7%B3%BB%E5%88%97"
>
北海道 希尔顿系列(东航联营)
</a>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年9月
</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"
>
<a
target=
"_blank"
href=
"http://www.oytour.com/#/search?keywords=&lineId=14&lineName=%E5%87%BA%E5%A2%83%E6%97%A5%E6%9C%AC%E7%BA%BF&lineteamId=592&lineteamName=%E8%AE%A9%E4%BD%A0%E7%8E%A9%E5%A5%BD%E2%80%9D%E4%B9%9D%E2%80%9D~%E4%B9%9D%E5%B7%9E%E7%B3%BB%E5%88%97"
>
暑期乐园系列
</a>
</el-col>
<el-col
:span=
"8"
style=
"text-align:center"
>
出团日期:2019年8月
</el-col>
</el-row>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -97,6 +168,9 @@ export default {
...
@@ -97,6 +168,9 @@ export default {
SaleList
:[],
SaleList
:[],
cityId
:
262
,
cityId
:
262
,
companyId
:
0
,
companyId
:
0
,
isPhone
:
false
,
height2
:
"0px"
,
ab3
:
0
};
};
},
},
mounted
()
{
mounted
()
{
...
@@ -104,12 +178,24 @@ export default {
...
@@ -104,12 +178,24 @@ export default {
// this.getFirstImg();
// this.getFirstImg();
this
.
AutoExchange
();
this
.
AutoExchange
();
})
})
var
ua
=
navigator
.
userAgent
.
toLowerCase
();
//获取判断用的对象
if
(
ua
.
match
(
/MicroMessenger/i
)
==
"micromessenger"
)
{
//在微信中打开
this
.
isPhone
=
true
;
this
.
AutoExchange3
();
}
else
{
//否则就是PC浏览器打开
this
.
isPhone
=
false
;
}
},
},
created
()
{
created
()
{
this
.
cityId
=
localStorage
.
cityId
;
this
.
cityId
=
localStorage
.
cityId
;
this
.
companyId
=
parseInt
(
localStorage
.
site
);
this
.
companyId
=
parseInt
(
localStorage
.
site
);
this
.
Cztm
();
this
.
Cztm
();
let
oWidth
=
window
.
screen
.
width
;
this
.
height2
=
(
6363
/
1920
)
*
oWidth
+
500
+
'px'
;
// this.height2=(3702/750)*oWidth+'px';
},
},
components
:
{
components
:
{
},
},
...
@@ -168,6 +254,24 @@ export default {
...
@@ -168,6 +254,24 @@ export default {
}
}
}
}
},
5000
);
},
5000
);
},
//自动切换
AutoExchange3
(){
let
div3
=
this
.
$refs
.
div3
;
//整个区域
var
imgLen
=
div3
.
getElementsByClassName
(
"img"
);
//图片
var
that
=
this
;
setInterval
(
function
ac
()
{
//设置2000毫秒重复运行
that
.
ab3
=
that
.
ab3
>
imgLen
.
length
-
2
?
0
:
++
that
.
ab3
;
//5张图,当触摸到的按钮索引号大于3时(比如4),那么ab=0(下一张图为第0张),否则++ab;
//循环遍历下一张图的效果.
for
(
var
b
=
0
;
b
<
imgLen
.
length
;
b
++
)
{
if
(
b
==
that
.
ab3
)
{
imgLen
[
b
].
style
.
opacity
=
1
;
imgLen
[
b
].
style
.
transition
=
"opacity 2s"
;
}
else
{
imgLen
[
b
].
style
.
opacity
=
0
;
}
}
},
5000
);
}
}
}
}
};
};
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment