mirror of
https://github.com/wu736139669/vczero.github.io.git
synced 2026-08-05 06:23:38 +00:00
160 lines
6.2 KiB
HTML
160 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<html style="width:100%;height:100%;">
|
||
<head>
|
||
<!--360极速模式-->
|
||
<meta name="renderer" content="webkit">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="format-detection" content="telephone=no" searchtype="map">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
<meta name="apple-mobile-web-app-title" content="美途">
|
||
<!--<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />-->
|
||
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,minimal-ui">
|
||
<meta name="misapplication-tap-highlight" content="no"/>
|
||
<!-- uc强制竖屏 -->
|
||
<meta name="screen-orientation" content="portrait">
|
||
<!-- QQ强制竖屏 -->
|
||
<meta name="x5-orientation" content="portrait">
|
||
<!-- UC强制全屏 -->
|
||
<meta name="full-screen" content="yes">
|
||
<!-- QQ强制全屏 -->
|
||
<meta name="x5-fullscreen" content="true">
|
||
<!-- UC应用模式 -->
|
||
<meta name="browsermode" content="application">
|
||
<!-- QQ应用模式 -->
|
||
<meta name="x5-page-mode" content="app">
|
||
<!-- windows phone 点击无高光 -->
|
||
<meta name="msapplication-tap-highlight" content="no">
|
||
<title>美途</title>
|
||
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="retinahd_icon.png">
|
||
<link type="text/css" rel="stylesheet" href="css/main.css"/>
|
||
<link type="text/css" rel="stylesheet" href="css/font-awesome.css"/>
|
||
</head>
|
||
<body>
|
||
<!--描述：地图模块-->
|
||
<div id="map"></div>
|
||
<!--描述：搜索-->
|
||
<div class="search">
|
||
<div class="fl">
|
||
<img src="img/logo.png"/>
|
||
</div>
|
||
<div class="fl search_input">
|
||
<input placeholder="请输入产品路线"/>
|
||
</div>
|
||
<button class="fl search_btn">
|
||
<i class="fa fa-search" style="font-size:20px;color:#FFFFFF;"></i>
|
||
</button>
|
||
</div>
|
||
<!--描述：其他功能-->
|
||
<div class="tools">
|
||
<div id="tools_list" class="sh tools_items">
|
||
<div style="width:30px;height:30px;">
|
||
<i class="fa fa-windows" style="color:#999999;margin-top:13px;font-size:20px;"></i>
|
||
</div>
|
||
</div>
|
||
<div class="sh tools_items">
|
||
<div>
|
||
<i class="fa fa-weixin" style="color:#999999;"></i>
|
||
</div>
|
||
<div>吐槽</div>
|
||
</div>
|
||
<div class="sh tools_items">
|
||
<div>
|
||
<i class="fa fa-hand-paper-o" style="color:#999999;"></i>
|
||
</div>
|
||
<div>活动</div>
|
||
</div>
|
||
<div class="sh tools_items">
|
||
<div>
|
||
<i class="fa fa-microphone" style="color:#999999;"></i>
|
||
</div>
|
||
<div>上报</div>
|
||
</div>
|
||
<div class="sh tools_items">
|
||
<div>
|
||
<i class="fa fa-share-alt" style="color:#999999;"></i>
|
||
</div>
|
||
<div>分享</div>
|
||
</div>
|
||
<div class="sh tools_items">
|
||
<div>
|
||
<i class="fa fa-refresh" style="color:#999999;"></i>
|
||
</div>
|
||
<div onclick="(function(){location.reload();return false;})()">刷新</div>
|
||
</div>
|
||
</div>
|
||
<!--仪表盘-->
|
||
<div id="charts" class="e_charts sh">
|
||
<div>
|
||
<div class="e_charts_arrow"></div>
|
||
<div class="e_charts_0">0</div>
|
||
<div class="e_charts_120">120</div>
|
||
</div>
|
||
</div>
|
||
<!--路线图-->
|
||
<div class="router sh">
|
||
<canvas id="router_canvas" ></canvas>
|
||
</div>
|
||
<!--信息窗-->
|
||
<div class="SN_info">
|
||
<div id="SN_TPL"></div>
|
||
|
||
<script type="text/template" id="tpl">
|
||
<div id="SN_info_btn" style="position:absolute;top:2px;width:25px;margin-left:-12px;left:50%;z-index:10002;">
|
||
<i class="fa fa-bars" style="color:#1DBAFF;font-size:16px;cursor:pointer;"></i>
|
||
</div>
|
||
<div class="SN_info_wrapper">
|
||
<% for(var i = 0; i < list.length; i++) { %>
|
||
<div style="width:<%=width%>px;" class="SN_info_item sh">
|
||
<div class="fl SN_info_tui" style="width:<%=tui_width%>px;">
|
||
<div style="width:<%=tui_width%>px;overflow:hidden;text-overflow:ellipsis;height:19px;">
|
||
<a target="_blank">
|
||
<i style="color:#00C348;margin-right:5px;" class="fa fa-star"></i>
|
||
那座城市 特价
|
||
<span style="color:red;font-size:14px;margin"><i class="fa fa-jpy"></i> 899</span>
|
||
</a>
|
||
</div>
|
||
<div style="width:<%=tui_width%>px;overflow:hidden;text-overflow:ellipsis;height:19px;">
|
||
<a target="_blank">
|
||
<i style="color:#00C348;margin-right:5px;" class="fa fa-star"></i>
|
||
今夜无人入眠 特价
|
||
<span style="color:red;font-size:14px;margin"><i class="fa fa-jpy"></i> 899</span>
|
||
</a>
|
||
</div>
|
||
<div style="width:<%=tui_width%>px;overflow:hidden;text-overflow:ellipsis;height:19px;">
|
||
<a target="_blank">
|
||
<i style="color:#00C348;margin-right:5px;" class="fa fa-star"></i>
|
||
回锅肉， 特价
|
||
<span style="color:red;font-size:14px;margin"><i class="fa fa-jpy"></i> 899</span>
|
||
</a>
|
||
</div>
|
||
<div style="width:<%=tui_width%>px;overflow:hidden;text-overflow:ellipsis;height:19px;">
|
||
<a target="_blank">
|
||
<i style="color:#00C348;margin-right:5px;" class="fa fa-star"></i>
|
||
那个人咖啡， 特价
|
||
<span style="color:red;font-size:14px;margin"><i class="fa fa-jpy"></i> 899</span>
|
||
</a>
|
||
</div>
|
||
<div style="width:<%=tui_width%>px;overflow:hidden;text-overflow:ellipsis;height:19px;">
|
||
<a target="_blank">
|
||
<i style="color:#00C348;margin-right:5px;" class="fa fa-star"></i>
|
||
苏州10景， 特价
|
||
<span style="color:red;font-size:14px;margin"><i class="fa fa-jpy"></i> 899</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="fr SN_info_img">
|
||
<img src="img/iio.png"/>
|
||
</div>
|
||
</div>
|
||
<% } %>
|
||
</div>
|
||
</script>
|
||
</div>
|
||
|
||
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=6a1180467b5f36714645d22044535ab7"></script>
|
||
<script type="text/javascript" data-main="js/main" src="js/lib/require.js"></script>
|
||
</body>
|
||
</html>
|