change canvas to dom

This commit is contained in:
lh_wang
2015-08-09 12:12:21 +08:00
parent 617e099b03
commit 4b37ce7620
3 changed files with 115 additions and 65 deletions
+59 -33
View File
@@ -203,7 +203,7 @@ html body {
z-index: 10012;
background-color: #FFF;
opacity: 0.9;
display:none;
display: none;
}
.speed_dash_container {
width: 100px;
@@ -220,36 +220,30 @@ html body {
margin-left: auto;
margin-right: auto;
}
.speed_lable{
margin-top:-6px;
color:#999;
.speed_lable {
margin-top: -6px;
color: #999;
}
.speed_data{
.speed_data {
clear: both;
width:100%;
height:70px;
color:#999999;
width: 100%;
height: 70px;
color: #999999;
}
.speed_data>div{
height:20px;
.speed_data>div {
height: 20px;
}
.speed_title_strong{
color:#0091FF;
font-size:13px;
.speed_title_strong {
color: #0091FF;
font-size: 13px;
font-style: italic;
}
.speed_l{
.speed_l {
margin-left: 10px;
}
.speed_r{
.speed_r {
width: 100px;
}
/*-----------------router----------------------------**/
.router {
@@ -268,6 +262,41 @@ html body {
-o-transform: translateZ(0);
transform: translateZ(0);
}
.router_line {
width: 2px;
height: 200px;
background-color: #E82D00;
margin-left: 33px;
margin-top: 10px;
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#E82D00, endColorStr=#FFAE01);
/* IE 10 */
background: -ms-linear-gradient(top, #E82D00, #FFAE01 );
/*firefox*/
background: -moz-linear-gradient(top, #E82D00, #FFAE01);
/*google*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E82D00), to(#FFAE01));
/* Safari 4-5, Chrome 1-9*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E82D00), to(#FFAE01));
/*Safari5.1 Chrome 10+*/
background: -webkit-linear-gradient(top, #E82D00, #FFAE01);
/*Opera 11.10+*/
background: -o-linear-gradient(top, #E82D00, #FFAE01);
}
.router_span{
position:absolute;
top:10px;
margin-left:3px;
}
.router_circle{
width:10px;
height:10px;
background-color:#00C348;
border-radius:5px;
margin-left:2px;
margin-top:5px;
}
/*-----------------SN_info--------------------------------*/
.SN_info {
@@ -338,17 +367,14 @@ html body {
font-size: 17px;
cursor: pointer;
}
/*天气预报*/
.tianqi_container{
position:absolute;
min-width:100px;
min-height:100px;
left:50%;
margin-left:-60px;
bottom:140px;
z-index:10090;
}
.tianqi_container {
position: absolute;
min-width: 100px;
min-height: 100px;
left: 50%;
margin-left: -60px;
bottom: 140px;
z-index: 10090;
}