fix canvas bug

meitu/css/main.css

@@ -211,6 +211,24 @@ html body {
    	transform: translateZ(0);
 }
 
+/*-----------------SN_info--------------------------------*/
+.SN_info{
+	position:absolute;
+	left:0;
+	right:0;
+	bottom:0;
+	height:130px;
+	z-index:10000;
+	background-color:#FFF;
+	border-top:1px solid #CCCCCC;
+	overflow: hidden;
+}
+
+.SN_info_wrapper{
+	-webkit-transform: translate3d(0px, 0px, 0px);
+	transform: translate3d(0px, 0px, 0px);
+}
+
 
 
 

meitu/index.html

@@ -9,7 +9,7 @@
 		<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="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强制竖屏 -->
@@ -43,7 +43,7 @@
         			<input placeholder="请输入产品路线"/>
         		</div>
         		<button class="fl search_btn">
-        			<i class="fa fa-search" style="font-size:20px;color:#FFFFFF;"></i>
+        			<i class="fa fa-microphone" style="font-size:20px;color:#FFFFFF;"></i>
         		</button>
         </div>
         <!--描述：其他功能-->
@@ -96,6 +96,10 @@
         <div class="router sh">
         		<canvas id="router_canvas" ></canvas>
         </div>
+        <!--信息窗-->
+        <div class="SN_info sh">
+        		<div class="SN_info_wrapper"></div>
+        </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>