wushenghua/vczero.github.io
1
0
Fork 0
mirror of https://github.com/wu736139669/vczero.github.io.git synced 2026-08-05 06:23:38 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
4b37ce7620bc557b13cbd96202138ddbc9aa757b
vczero.github.io/meitu/index.html
T
lh_wang 4b37ce7620 change canvas to dom
2015-08-09 12:12:21 +08:00

240 lines
7.7 KiB
HTML
Raw Blame History

<!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" />
<link type="text/css" rel="stylesheet" href="css/tianqi.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 id="charts_dash" class="charts_data sh">
<div class="speed_dash_container">
<div class="speed_title">时速</div>
<canvas id="speed_dash" style="width:100px;height:50px;" width="100px" height="50px"></canvas>
<div class="speed_lable">
<div class="fl" style="margin-left:8px;">0</div>
<div class="fl" style="margin-left:24px;">km/h</div>
<div class="fr" style="margin-right:3px;">120</div>
</div>
</div>
<div class="speed_data">
<div>
<div class="fl">
<div class="speed_l">
<span>时速:</span>
<span class="speed_title_strong">50km/h</span>
</div>
</div>
<div class="fr">
<div class="speed_r" >
<span>时长:</span>
<span class="speed_title_strong">50km/h</span>
</div>
</div>
</div>
<div>
<div class="fl">
<div class="speed_l">
<span>到达:</span>
<span class="speed_title_strong">18:56</span>
</div>
</div>
<div class="fr">
<div class="speed_r">
<span>距离:</span>
<span class="speed_title_strong">245km</span>
</div>
</div>
</div>
<div>
<div style="margin-left:10px;width:160px;">
<span>模拟车速:</span><span>50,000 km/h</span>
</div>
</div>
<div>
<div style="margin-left:10px;width:100%;">
<i class="fa fa-map-marker" style="color:#E82D00;"></i>
<span>
安徽省安庆市望江县长岭镇农信社1001号
</span>
</div>
</div>
</div>
<div>
</div>
</div>
<!--天气预报-->
<!--<div class="tianqi_container">
<div class="sunny"></div>
<div class="cloudy"></div>
<div class="rainy"></div>
<div class="snowy"></div>
<div class="rainbow"></div>
<div class="starry"></div>
<div class="stormy"></div>
</div>-->
<!--路线图-->
<div class="router sh">
<!--<canvas id="router_canvas"></canvas>-->
<div class="router_line"></div>
<script type="text/template" id="tpl_router">
<% for (var i in items){%>
<%
var top = 10 + parseInt(i) * 22;
%>
<div class="router_span" style="top:<%=top%>px;">
<div class="fl"><%=items[i].content%></div>
<div class="fl router_circle"></div>
</div>
<%}%>
</script>
<div id="ROUTER_TPL"></div>
</div>
<!--信息窗-->
<div class="SN_info">
<div id="SN_info_btn">
<i class="fa fa-bars SN_info_btn_icon" style="font-size:17px;"></i>
</div>
<div id="SN_TPL"></div>
<script type="text/template" id="tpl">
<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 class="SN_info_tui_div" style="width:<%=tui_width%>px;">
<a target="_blank">
<i class="fa fa-star SN_info_tui_icon"></i> 那座城市 特价
<span class="SN_info_rmb"><i class="fa fa-jpy"></i> 899</span>
</a>
</div>
<div class="SN_info_tui_div" style="width:<%=tui_width%>px;">
<a target="_blank">
<i class="fa fa-star SN_info_tui_icon"></i> 那座城市 特价
<span class="SN_info_rmb"><i class="fa fa-jpy"></i> 899</span>
</a>
</div>
<div class="SN_info_tui_div" style="width:<%=tui_width%>px;">
<a target="_blank">
<i class="fa fa-star SN_info_tui_icon"></i> 那座城市 特价
<span class="SN_info_rmb"><i class="fa fa-jpy"></i> 899</span>
</a>
</div>
<div class="SN_info_tui_div" style="width:<%=tui_width%>px;">
<a target="_blank">
<i class="fa fa-star SN_info_tui_icon"></i> 那座城市 特价
<span class="SN_info_rmb"><i class="fa fa-jpy"></i> 899</span>
</a>
</div>
<div class="SN_info_tui_div" style="width:<%=tui_width%>px;">
<a target="_blank">
<i class="fa fa-star SN_info_tui_icon"></i> 那座城市 特价
<span class="SN_info_rmb"><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="js/lib/gauge.min.js"></script>
<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>
Reference in New Issue View Git Blame Copy Permalink