index.html
3.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<include file="public@head_common"/>
<link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/index.css" />
<title>巧虎</title>
<style>
html,body {
display: flex;
flex-flow: column;
/*height: 100%;*/
overflow-y: scroll;
}
.container {
display: flex;
flex: 1;
padding-bottom: 1rem;
flex-direction: column;
/*overflow: auto;*/
overflow-x: hidden;
overflow-y: scroll;
}
.footer {
/*display: flex;*/
/*position: relative;*/
height: 1rem;
color: #BBBBBB;
background-color: #FFFFFF;
box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.6);
}
@media screen and (min-width: 375px) {
.video_lool{
margin-top: -0.25rem;
}
}
@media screen and (max-width: 320px) {
.video_lool{
margin-top: -0.2rem;
}
}
</style>
</head>
<body>
<div class="container">
<!--轮播图-->
<div class="swiper-container">
<div class="swiper-wrapper">
<volist name="slideList" id="vo">
<div class="swiper-slide">
<div class="index_swiper">
<notempty name="vo.url">
<a href="{$vo.url}"><img src="{:cmf_get_asset_url($vo['image'])}" style="vertical-align:middle;"/></a>
<else/>
<img src="{:cmf_get_asset_url($vo['image'])}" style="vertical-align:middle;"/>
</notempty>
</div>
</div>
</volist>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<!--立即查看视频-->
<div class="video_lool">
<img src="__TMPL__/public/mobile/images/index_bg.png" class="video_background"/>
<div class="video_text_wrap">
<p class="video_text">更多精彩内容</p>
<p class="video_text">请您观看巧虎视频</p>
</div>
<img src="__TMPL__/public/mobile/images/index_btn.png" class="video_btn"/>
</div>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/mobile/js/common.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// alert($(document).height())
if($(document).height()==455){
$(".index_swiper img").css("height","95%");
$(".video_lool").css("height","5.54rem");
}
var swiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination',
},
});
$('.video_btn').click(function(){
$.ajax({
url: "{:url('user/Index/isLogin')}",
type: "POST",
data: {},
dataType: "JSON",
success: function(res){
if(res.code == 1) {
window.location.href = res.url;
} else {
window.location.href = res.url;
}
}
});
});
</script>
</body>
</html>