index.html
4.4 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!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;
/*background:#70b7ef;*/
/*background: url(__TMPL__/public/mobile/images/back.png)repeat-x center;*/
/*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;
}
}
.swiper-container {
margin: 0 auto;
position: fixed;
bottom: 3.7rem;
list-style: none;
padding: 0;
z-index: 1;
}
</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").css("height","95%");
// // $(".swiper-container").css("height","95%");
// $(".index_swiper img").css("height","102%");
// $(".video_lool").css("padding-top","2rem");
// $(".video_lool").css("margin-top","0");
// $(".video_lool").css("height","2.54rem");
// $(".video_text_wrap").css("top","0.6rem");
// $(".body").css("padding-bottom","5rem")
//
// }else if($(document).height()==554){
// $(".index_swiper img").css("height","102%");
// $(".video_lool").css("padding-top","2rem");
// $(".video_lool").css("margin-top","0");
// $(".video_lool").css("height","2.54rem");
// $(".video_text_wrap").css("top","0.6rem")
// $(".body").css("padding-bottom","5rem")
// }
// alert( $(".video_lool").css("height"))
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>