-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (134 loc) · 4.96 KB
/
index.html
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
135
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>嘉悦中心</title>
<link href="css/mui.min.css" rel="stylesheet" />
<link href="css/app.css" rel="stylesheet" />
<link href="css/restui.css" rel="stylesheet" />
</head>
<body>
<div class="ui-page home" id="ui-page">
<header class="ui-bar jy-home-bar jy-bar" id="header">
<a href="barcode.html" class="icon-barcode ui-link icon"></a>
<div class="ui-title">嘉悦中心</div>
<a href="javascript:;" class="icon-categorys icon" id="categorys"></a>
</header>
<div class="content">
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#"><img src="temp/index.jpg"></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="temp/index.jpg"></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="temp/index.jpg"></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="temp/index.jpg"></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="temp/index.jpg"></a>
</div>
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#"><img src="temp/index.jpg"></a>
</div>
</div>
<div class="mui-slider-indicator">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>
<div class="jy-home-grid" id="jy-home-grid">
<ul class="mui-table-view mui-grid-view mui-grid-9" id="childenUl">
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<a href="reserve.html" class="ui-link">
<span class="icon-home icon icon-homeYD"></span>
<div class="mui-media-body">卡位预订</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<a href="makerspace.html" class="ui-link">
<span class="icon-home icon icon-homeKJ"></span>
<div class="mui-media-body">创客空间</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<a href="javascript:;" data-url='vip-back-index.html' class="isVip">
<span class="icon-home icon icon-homeVIP"></span>
<div class="mui-media-body">VIP专区</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<a href="business.html" class="ui-link">
<span class="icon-home icon icon-homeSGZX"></span>
<div class="mui-media-body">商管中心</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<a href="businesssupport.html" class="ui-link">
<span class="icon-home icon icon-homeCYFC"></span>
<div class="mui-media-body">创业扶持</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<a href="park.html" class="ui-link">
<span class="icon-home icon icon-homeHLYQ"></span>
<div class="mui-media-body">活力园区</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<script src="js/mui.min.js"></script>
<script src="js/config.js"></script>
<script src="js/app.js"></script>
<script type="text/javascript" charset="utf-8">
(function($, doc) {
$.init({
statusBarBackground:'#424048'
});
$.plusReady(function() {
setTimeout(function() {
//关闭 splash
plus.navigator.closeSplashscreen();
}, 600);
J.getviemID=''
var screenHeight = plus.screen.resolutionHeight;
var slider=doc.getElementById("slider");
var jyhomegrid=doc.getElementById("jy-home-grid");
var jyhomechilden=doc.getElementById("childenUl");
var header=doc.getElementById("header");
var sliderHeight= slider.offsetHeight;
var headerH=header.offsetHeight;
var jyhomechildenH=jyhomechilden.offsetHeight;
var margint=((screenHeight-sliderHeight-headerH-22)-jyhomechildenH)/2;
if(margint>0)jyhomechilden.style.marginTop=margint+"px";
plus.navigator.setStatusBarStyle('UIStatusBarStyleBlackTranslucent')
});
//图片切换
// var sliderimg=document.getElementById("slider-img");
// J.dataAjax(CONFING.Interface.indexBannerApp,{wait:true},function(data){
// var picList=data.data;
// var length=picList.length;
// var indicator='';
// var siderImg+='<div class="mui-slider-item mui-slider-item-duplicate"><img src="'+CONFING.httpUrl+picList[length-1]['img']+'" /></div>';
// for(var i=0;i<length;i++){
// siderImg+='<div class="mui-slider-item"><img src="'+CONFING.httpUrl+picList[i]['img']+'" /></div></div>';
// if(i=0){
// indicator='<div class="mui-indicator mui-active"></div>';
//
// }
// siderImg+='<div class="mui-slider-item mui-slider-item-duplicate"><img src="'+CONFING.httpUrl+picList[0]['img']+'" /></div>';
// sliderimg.innerHTML=siderImg;
// })
}(mui, document));
</script>
</body>
</html>