-
Notifications
You must be signed in to change notification settings - Fork 0
/
sprite.html
182 lines (168 loc) · 8.51 KB
/
sprite.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Auto3D</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="Auto3D，室内体验"/>
<meta name="description" content="Auto3D，行云流水般的室内3D体验"/>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no,minimal-ui">
<meta name="apple-mobile-web-app-capable" content="black"/>
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="format-detection" content="telephone=yes">
<link rel="apple-touch-icon" href="http://auto3d.oss-cn-hangzhou.aliyuncs.com/common/images/d.png">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="sprite.css">
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="bootstrap.js"></script>
</head>
<body>
<div class="container-fluid">
<nav class="navbar navbar-default navbar-fixed-top" id="ic_advertisement">
<div class="container-fluid">
<div class="row">
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 text-center advertise_text">
<!--<p>直租免佣，灵活办公，黄金CBD商圈。</p>-->
<a href="tel://13120598865" class="btn btn-link" role="button" id="text_button"></a>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 close_ad">
<a href="#" class="btn btn-link" role="button" id="close_button"></a>
</div>
</div>
</div>
</nav>
<div class="btn-group btn-group-justified" role="group" id="navigation" aria-label="navigation button group">
<a href="#" class="btn btn-link un-example" role="button" id="house_example"></a>
<div class="btn-group dropup" role="group" id="suit_group">
<a href="#" class="btn btn-link un-info dropdown-toggle" role="button" id="suit_info" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></a>
<ul class="dropdown-menu" role="menu" id="suit_menu">
<li>
<a href="#section_modal" class="btn btn-link" role="button" id="section" data-toggle="modal" data-target="#section_modal"></a>
</li>
<li>
<a href="#outdoor_modal" class="btn btn-link" role="button" id="outdoor" data-toggle="modal" data-target="#outdoor_modal"></a>
</li>
<li>
<a href="#detail_modal" class="btn btn-link" role="button" id="detail" data-toggle="modal" data-target="#detail_modal"></a>
</li>
<!--<div id="bottom_line"></div>-->
<img src="http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/suit_info/line.svg">
</ul>
</div>
<div class="btn-group dropup" role="group" id="virtual_group">
<a href="#" class="btn btn-link un-browse dropdown-toggle" role="button" id="virtual_browse" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"></a>
<ul class="dropdown-menu" role="menu" id="virtual_menu">
<li>
<a href="#house_modal" class="btn btn-link" role="button" id="house" data-toggle="modal" data-target="#house_modal"></a>
</li>
<li>
<a href="#corridor_modal" class="btn btn-link" role="button" id="corridor" data-toggle="modal" data-target="#corridor_modal"></a>
</li>
<li>
<a href="#hall_modal" class="btn btn-link" role="button" id="hall" data-toggle="modal" data-target="#hall_modal"></a>
</li>
<!--<div id="virtual_line"></div>-->
<img src="http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/virtual_browse/line.svg">
</ul>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="section_modal" tabindex="-1" role="dialog" aria-labelledby="model section" aria-hidden="true">
<div class="modal-dialog lg_dialog">
<div class="modal-content">
<div class="modal-body">
<div class="container-fluid">
<img src="http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/suit_info/section_img.jpg" alt="test">
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="outdoor_modal" tabindex="-1" role="dialog" aria-labelledby="model outdoor" aria-hidden="true">
<div class="modal-dialog lg_dialog">
<div class="modal-content">
<div class="modal-body">
</div>
</div>
</div>
</div>
<div class="modal fade" id="detail_modal" tabindex="-1" role="dialog" aria-labelledby="model detail" aria-hidden="true">
<div class="modal-dialog modal-sm sm_dialog">
<div class="modal-content">
<div class="modal-body">
<!--<div class="container-fluid">-->
<!---->
<!--</div>-->
<div class="panel panel-default">
<div class="panel-body">
A栋为24层的高层办公，单层面积约1500m<sup>2</sup>；核心简结构。
B栋为17层的高层办公，单层面积约2700m，一楼配备独立精装大堂。
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade hint_modal" id="house_modal" tabindex="-1" role="dialog" aria-labelledby="model detail" aria-hidden="true">
<div class="modal-dialog modal-sm hint_dialog">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title">温馨提醒</h4>
</div>
<div class="modal-body text-center">
<p>可租房间有三个点可供浏览，</p>
<p>是否自动浏览</p>
</div>
<div class="modal-footer">
<div class="btn-group btn-group-justified" role="group" id="house_hint" aria-label="button group">
<a href="#" class="btn btn-link no_button" role="button" id="house_pano_button"></a>
<a href="#" class="btn btn-link yes_button" role="button" id="house_pano_auto_button"></a>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade hint_modal" id="corridor_modal" tabindex="-1" role="dialog" aria-labelledby="model detail" aria-hidden="true">
<div class="modal-dialog modal-sm hint_dialog">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title">温馨提醒</h4>
</div>
<div class="modal-body text-center">
<p>外围走廊有二十个点可供浏览，</p>
<p>是否自动浏览</p>
</div>
<div class="modal-footer">
<div class="btn-group btn-group-justified" role="group" id="corridor_hint" aria-label="button group">
<a href="#" class="btn btn-link no_button" role="button" id="corridor_pano_button"></a>
<a href="#" class="btn btn-link yes_button" role="button" id="corridor_pano_auto_button"></a>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade hint_modal" id="hall_modal" tabindex="-1" role="dialog" aria-labelledby="model detail" aria-hidden="true">
<div class="modal-dialog modal-sm hint_dialog">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title">温馨提醒</h4>
</div>
<div class="modal-body text-center">
<p>大厅有五个点可供浏览，</p>
<p>是否自动浏览</p>
</div>
<div class="modal-footer">
<div class="btn-group btn-group-justified" role="group" id="hall_hint" aria-label="button group">
<a href="#" class="btn btn-link no_button" role="button" id="hall_pano_button"></a>
<a href="#" class="btn btn-link yes_button" role="button" id="hall_pano_auto_button"></a>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>