-
Notifications
You must be signed in to change notification settings - Fork 11
/
shop.html
97 lines (87 loc) · 4.34 KB
/
shop.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>校园掌上通</title>
<link rel="stylesheet" href="css/theme.css">
<!-- <link rel="stylesheet" href="css/jquery.mobile.icons-1.4.2.min.css"> -->
<link rel="stylesheet" href="css/jquery.mobile.structure-1.4.2.min.css">
<link rel="stylesheet" href="css/JPictureRotary.css" />
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/custom-icons.css">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.4.2.min.js"></script>
<script type="text/javascript" src="js/JPictureRotary.js"></script>
<script type="text/javascript" src="js/global.js"></script>
</head>
<body>
<div data-role="page" id="classify">
<div data-role="header" data-position="fixed" data-tap-toggle="false" >
<div class="ui-grid-b">
<div class="ui-block-a"> <a href="#leftpane0" data-role="button" data-iconpos="notext" data-icon = "custom-slide" data-transition="slide">菜单</a>
</div>
<!-- /ui-block-a -->
<!-- 自定义ICON data-icon = "custom-xxx" -->
<!--<a href="#mypanel" class="ui-btn-left" data-icon="bars"> </a>-->
<!--<h1>校园掌上通</h1>-->
<div class="ui-block-b"><a data-role="button" data-icon="false"><text>店铺</text></a>
</div>
<!-- /ui-block-b -->
</div>
<!-- /ui-grid-b -->
</div>
<!-- /header -->
<div role="main" class="ui-content">
<div id = "profile">
<img src="images/album.png" class="popphoto">
<a href="#" data-role="button">收藏</a>
<p>一句话介绍店铺</p>
<p>地址 </p><p>电话</p>
</div>
</div>
<!-- /main -->
<div data-role="panel" id="leftpane0" data-position="left" data-display="push" >
<center>
<a href="#popupHeader" data-rel="popup" data-position-to="window" data-transition="fade"> <img class="popphoto" src="images/album.png" alt="Paris, France" style="width:100%;height:100%"> </a>
<div data-role="popup" id="popupHeader" data-overlay-theme="b" data-theme="b" data-corners="false"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right"> Close </a> <img class="popphoto" src="images/album.png" style="max-height:512px;" alt="head"> </div>
<!-- popup -->
<p>感觉自己萌萌哒</p>
</center>
<ul data-role="listview">
<!--<li><a href="#" data-rel="close" class=" ui-btn ui-icon-delete ui-btn-icon-right">关闭</a></li>-->
<li><a href="#signin" data-rel="popup" data-position-to="window" data-icon="custom-pen" data-role="button">今日签到</a></li>
<li><a href="systemMessage.html" data-icon="custom-mail" data-role="button" rel="external">系统消息</a></li>
<li><a href="homepage.html" data-icon="custom-star" data-role="button" rel="external">我的主页</a></li>
<li><a href="center.html" data-icon="custom-user" data-role="button" rel="external">个人中心</a></li>
<li><a href="#share" data-rel="popup" data-position-to="window" data-icon="custom-pen" data-role="button">分享应用</a></li>
<li><a href="about.html" data-icon="custom-eye" data-role="button" rel="external">关于掌上通</a></li>
</ul>
</div>
<!-- /panel -->
<!--弹出分享框-->
<div data-role="popup" id="share">
<div data-role="controlgroup" data-type="horizontal" >
<fieldset data-role="controlgroup">
<legend>分享到</legend>
<a href="#" data-role="button">按钮 1</a>
<a href="#" data-role="button">按钮 2</a>
<a href="#" data-role="button">按钮 3</a>
<br>
<a href="#" data-role="button">按钮 4</a>
<a href="#" data-role="button">按钮 5</a>
<a href="#" data-role="button">按钮 6</a>
</fieldset>
</div><!--/分享框-->
<div data-role="popup" id="signin" >
<p>签到奖励</p>
<p>今日您可以领取<span><img src="images/coin.png">50积分</span></p>
<p>分享可额外获得一次奖励</p>
<button>分享</button>
<button>确定</button>
</div>
<!-- /signin -->
</div>
<!-- /page -->
</body>
</html>