Skip to content

梁建民 / activity

Go to a project
Commit deeef8ab by 肖康
Options

x

parent 11e7d75a
Inline Side-by-side
Showing with 69 additions and 26 deletions
css/home/index.less
......@@ -406,7 +406,7 @@ html {
.view {
position : absolute;
bottom : 1.8rem;
bottom : 0.5rem;
left : 0;
right : 0;
margin : 0 auto;
......@@ -424,7 +424,7 @@ html {
top : 0;
width : 100%;
height : 100%;
background : rgba(49, 156, 216, 0.5);
background : rgba(49, 156, 216, 0.7);
border-radius : 50%;
-webkit-animation : scale-three 1s ease infinite;
animation : scale-three 1s ease infinite;
......@@ -446,7 +446,10 @@ html {
top : 6.5rem;
width : 0.5rem;
height: 0.5rem;
.twinkle {
animation-delay:1s
}
}
/**中国北京**/
......@@ -455,6 +458,9 @@ html {
top : 5.2rem;
width : .3rem;
height: .3rem;
.twinkle {
animation-delay:2s
}
}
......@@ -464,7 +470,9 @@ html {
top : 5.9rem;
width : .2rem;
height: .2rem;
.twinkle {
animation-delay:3s
}
}
/**中国武汉**/
......@@ -473,7 +481,9 @@ html {
top : 6rem;
width : .1rem;
height: .1rem;
.twinkle {
animation-delay:4s
}
}
/**中国江苏**/
......@@ -529,6 +539,9 @@ html {
height : 0.3rem;
background-color: #c0d9ff;
border-radius : 50%;
.twinkle {
animation-delay:2s
}
}
.star2 {
......@@ -539,6 +552,9 @@ html {
height : 0.4rem;
background-color: #c0d9ff;
border-radius : 50%;
.twinkle {
animation-delay:1s
}
}
.star3 {
......@@ -639,6 +655,9 @@ html {
height : 0.1rem;
background-color: #c0d9ff;
border-radius : 50%;
.twinkle {
animation-delay:6s
}
}
.star13 {
......@@ -659,6 +678,9 @@ html {
height : 0.3rem;
background-color: #c0d9ff;
border-radius : 50%;
.twinkle {
animation-delay:3s
}
}
.star15 {
......@@ -676,9 +698,11 @@ html {
@keyframes scale-three {
0% {
transform: scale(1);
background : rgba(49, 156, 216, 0.7);
}
100% {
transform: scale(1.3);
transform: scale(2);
background : rgba(49, 156, 216, 0.2);
}
}
\ No newline at end of file
css/home/index.min.css
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family:sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}button,input,select,textarea{font-size:100%;border:none}input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}ol,ul,dl{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}a{text-decoration:none;transition:color .2s ease}img{border:none}em{font-style:normal}.clr{zoom:1}.clr:after{content:".";clear:both;height:0;visibility:hidden;display:block}a:hover,a:focus{text-decoration:none}.fl{float:left;_display:inline}.fr{float:right;_display:inline}.va-t{vertical-align:top}.va-m{vertical-align:middle}.va-b{vertical-align:bottom}.lineBlock{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal}.lbBox{font-size:0 !important;*word-spacing:-1px !important}.emptys{margin-left:-1px;width:1px;height:100%;font-size:0;vertical-align:middle}label,dd,dd,dt{font-weight:normal}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.boxFlex{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}body,html{width:100%;height:100%;overflow:hidden}.home-page{width:100%;height:100%;background:url("../../images/bg.png") no-repeat center;background-size:cover}.home-page .top{position:relative;width:100%;height:2.45rem;background:url("../../images/top.png") no-repeat center;background-size:cover}.home-page .top .date-text{position:absolute;left:10%;top:.53rem}.home-page .top .date-text span{font-size:.38rem;color:#ffffff;padding:0 .07rem}.home-page .top .date-text span.number{color:#5891e7}.home-page .top .date-wether{position:absolute;right:10%;top:.53rem}.home-page .top .date-wether span{font-size:.38rem;color:#ffffff;padding:0 .07rem}.home-page .top .date-wether span.ml{margin-left:.6rem}.home-page .top .date-wether span.number{color:#5891e7}.home-page .top .i1{position:absolute;bottom:.84rem;left:0;right:0;width:16.06rem;height:.8rem;margin:0 auto;background:url("../../images/t1.png") no-repeat center;background-size:cover}.home-page .data-top{padding:.8rem .99rem 0 .99rem}.home-page .data-top ul li{flex:0 0 6.48rem;height:2.34rem;background:url("../../images/i1.png") no-repeat center;background-size:cover}.home-page .data-top ul li .t1{font-size:.72rem;color:#e49e07;margin-bottom:.3rem}.home-page .data-top ul li .t2{font-size:.38rem;color:#c0d9ff}.home-page .data-bottom{position:absolute;left:0;right:0;bottom:2%;width:100%;padding:0 .99rem;z-index:999}.home-page .data-bottom ul li{flex:0 0 24%;height:2.11rem;background:url("../../images/i2.png") no-repeat center;background-size:cover}.home-page .data-bottom ul li .t1{font-size:.62rem;color:#e49e07;margin-bottom:.26rem}.home-page .data-bottom ul li .t2{font-size:.38rem;color:#c0d9ff}.home-page .data-left{position:absolute;left:.99rem;top:32%;z-index:999}.home-page .data-left .wrap{position:relative;width:6.6rem;height:10.2rem;background:url("../../images/i3.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .tit{position:absolute;left:0;right:0;top:.28rem;text-align:center;font-size:.44rem;color:#c0d9ff}.home-page .data-left .wrap .text{padding-left:.2rem;padding-top:1.5rem}.home-page .data-left .wrap .text span{font-size:.34rem;color:#76a3e7}.home-page .data-left .wrap .text .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-left .wrap .text .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-left .wrap .ranking{padding-top:.3rem;padding-left:.2rem}.home-page .data-left .wrap .ranking dd{margin-bottom:.2rem;width:6.08rem;height:.6rem}.home-page .data-left .wrap .ranking dd span{font-size:.34rem;color:#ffffff}.home-page .data-left .wrap .ranking dd .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-left .wrap .ranking dd .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-left .wrap .ranking dd.i1{background:url("../../images/a.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .ranking dd.i2{background:url("../../images/b.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .ranking dd.i3{background:url("../../images/c.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .list-wrap{height:5.2rem;overflow:hidden}.home-page .data-left .wrap .list-wrap .list{position:relative;padding-left:.2rem}.home-page .data-left .wrap .list-wrap .list li{height:.6rem;margin-bottom:.2rem}.home-page .data-left .wrap .list-wrap .list li span{font-size:.34rem;color:#96bcf6}.home-page .data-left .wrap .list-wrap .list li .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-left .wrap .list-wrap .list li .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-right{position:absolute;right:.99rem;top:32%;z-index:999}.home-page .data-right .wrap{position:relative;width:6.6rem;height:10.2rem;background:url("../../images/i3.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .tit{position:absolute;left:0;right:0;top:.28rem;text-align:center;font-size:.44rem;color:#c0d9ff}.home-page .data-right .wrap .text{padding-left:.2rem;padding-top:1.5rem}.home-page .data-right .wrap .text span{font-size:.34rem;color:#76a3e7}.home-page .data-right .wrap .text .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-right .wrap .text .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-right .wrap .ranking{padding-top:.3rem;padding-left:.2rem}.home-page .data-right .wrap .ranking dd{margin-bottom:.2rem;width:6.08rem;height:.6rem}.home-page .data-right .wrap .ranking dd span{font-size:.34rem;color:#ffffff}.home-page .data-right .wrap .ranking dd .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-right .wrap .ranking dd .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-right .wrap .ranking dd.i1{background:url("../../images/a.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .ranking dd.i2{background:url("../../images/b.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .ranking dd.i3{background:url("../../images/c.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .list-wrap{height:5.2rem;overflow:hidden}.home-page .data-right .wrap .list-wrap .list{padding-left:.2rem;position:relative}.home-page .data-right .wrap .list-wrap .list li{height:.6rem;margin-bottom:.2rem}.home-page .data-right .wrap .list-wrap .list li span{font-size:.34rem;color:#96bcf6}.home-page .data-right .wrap .list-wrap .list li .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-right .wrap .list-wrap .list li .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .map-box{position:relative;padding-top:.6rem;margin:0 auto;z-index:9;width:25.4rem}.home-page .map-box img{width:25.4rem;height:12rem;margin:0 auto;display:block}.home-page .map-box .view{position:absolute;bottom:1.8rem;left:0;right:0;margin:0 auto;width:5.97rem;height:1.22rem;font-size:.52rem;color:#c0d9ff;background:url("../../images/i4.png") no-repeat center;background-size:cover}.home-page .map-box .twinkle{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(49,156,216,0.5);border-radius:50%;-webkit-animation:scale-three 1s ease infinite;animation:scale-three 1s ease infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-fill-mode:both}.home-page .map-box div{position:absolute;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star16{right:5.2rem;top:6.5rem;width:.5rem;height:.5rem}.home-page .map-box .star17{right:5rem;top:5.2rem;width:.3rem;height:.3rem}.home-page .map-box .star18{right:5rem;top:5.9rem;width:.2rem;height:.2rem}.home-page .map-box .star19{right:5.5rem;top:6rem;width:.1rem;height:.1rem}.home-page .map-box .star20{right:5.1rem;top:5.8rem;width:.15rem;height:.15rem}.home-page .map-box .star21{right:6.9rem;top:5.8rem;width:.15rem;height:.15rem}.home-page .map-box .star22{right:5.3rem;top:6.9rem;width:.2rem;height:.2rem}.home-page .map-box .star23{right:5.1rem;top:6.9rem;width:.25rem;height:.25rem}.home-page .map-box .star24{right:5.2rem;top:6.5rem;width:.15rem;height:.15rem}.home-page .map-box .star1{position:absolute;left:4.1rem;top:5.1rem;width:.3rem;height:.3rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star2{position:absolute;left:4.35rem;top:5.05rem;width:.4rem;height:.4rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star3{position:absolute;left:4.95rem;top:5.15rem;width:.2rem;height:.2rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star4{position:absolute;left:4.7rem;top:5.7rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star5{position:absolute;left:4.5rem;top:6.2rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star6{position:absolute;left:3.4rem;top:5.1rem;width:.15rem;height:.15rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star7{position:absolute;left:5.5rem;top:5.2rem;width:.15rem;height:.15rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star8{position:absolute;left:3.7rem;top:5.7rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star9{position:absolute;left:5.5rem;top:5.8rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star10{position:absolute;right:3.9rem;top:5.8rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star11{position:absolute;left:2.85rem;top:2.05rem;width:.15rem;height:.15rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star12{position:absolute;left:3.9rem;top:1.8rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star13{position:absolute;left:3.9rem;top:2.3rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star14{position:absolute;right:4.5rem;top:5.7rem;width:.3rem;height:.3rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star15{position:absolute;right:6.1rem;top:8.2rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}@keyframes scale-three{0%{transform:scale(1)}100%{transform:scale(1.3)}}
\ No newline at end of file
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family:sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}button,input,select,textarea{font-size:100%;border:none}input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}ol,ul,dl{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}a{text-decoration:none;transition:color .2s ease}img{border:none}em{font-style:normal}.clr{zoom:1}.clr:after{content:".";clear:both;height:0;visibility:hidden;display:block}a:hover,a:focus{text-decoration:none}.fl{float:left;_display:inline}.fr{float:right;_display:inline}.va-t{vertical-align:top}.va-m{vertical-align:middle}.va-b{vertical-align:bottom}.lineBlock{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal}.lbBox{font-size:0 !important;*word-spacing:-1px !important}.emptys{margin-left:-1px;width:1px;height:100%;font-size:0;vertical-align:middle}label,dd,dd,dt{font-weight:normal}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.boxFlex{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}body,html{width:100%;height:100%;overflow:hidden}.home-page{width:100%;height:100%;background:url("../../images/bg.png") no-repeat center;background-size:cover}.home-page .top{position:relative;width:100%;height:2.45rem;background:url("../../images/top.png") no-repeat center;background-size:cover}.home-page .top .date-text{position:absolute;left:10%;top:.53rem}.home-page .top .date-text span{font-size:.38rem;color:#ffffff;padding:0 .07rem}.home-page .top .date-text span.number{color:#5891e7}.home-page .top .date-wether{position:absolute;right:10%;top:.53rem}.home-page .top .date-wether span{font-size:.38rem;color:#ffffff;padding:0 .07rem}.home-page .top .date-wether span.ml{margin-left:.6rem}.home-page .top .date-wether span.number{color:#5891e7}.home-page .top .i1{position:absolute;bottom:.84rem;left:0;right:0;width:16.06rem;height:.8rem;margin:0 auto;background:url("../../images/t1.png") no-repeat center;background-size:cover}.home-page .data-top{padding:.8rem .99rem 0 .99rem}.home-page .data-top ul li{flex:0 0 6.48rem;height:2.34rem;background:url("../../images/i1.png") no-repeat center;background-size:cover}.home-page .data-top ul li .t1{font-size:.72rem;color:#e49e07;margin-bottom:.3rem}.home-page .data-top ul li .t2{font-size:.38rem;color:#c0d9ff}.home-page .data-bottom{position:absolute;left:0;right:0;bottom:2%;width:100%;padding:0 .99rem;z-index:999}.home-page .data-bottom ul li{flex:0 0 24%;height:2.11rem;background:url("../../images/i2.png") no-repeat center;background-size:cover}.home-page .data-bottom ul li .t1{font-size:.62rem;color:#e49e07;margin-bottom:.26rem}.home-page .data-bottom ul li .t2{font-size:.38rem;color:#c0d9ff}.home-page .data-left{position:absolute;left:.99rem;top:32%;z-index:999}.home-page .data-left .wrap{position:relative;width:6.6rem;height:10.2rem;background:url("../../images/i3.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .tit{position:absolute;left:0;right:0;top:.28rem;text-align:center;font-size:.44rem;color:#c0d9ff}.home-page .data-left .wrap .text{padding-left:.2rem;padding-top:1.5rem}.home-page .data-left .wrap .text span{font-size:.34rem;color:#76a3e7}.home-page .data-left .wrap .text .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-left .wrap .text .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-left .wrap .ranking{padding-top:.3rem;padding-left:.2rem}.home-page .data-left .wrap .ranking dd{margin-bottom:.2rem;width:6.08rem;height:.6rem}.home-page .data-left .wrap .ranking dd span{font-size:.34rem;color:#ffffff}.home-page .data-left .wrap .ranking dd .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-left .wrap .ranking dd .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-left .wrap .ranking dd.i1{background:url("../../images/a.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .ranking dd.i2{background:url("../../images/b.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .ranking dd.i3{background:url("../../images/c.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .list-wrap{height:5.2rem;overflow:hidden}.home-page .data-left .wrap .list-wrap .list{position:relative;padding-left:.2rem}.home-page .data-left .wrap .list-wrap .list li{height:.6rem;margin-bottom:.2rem}.home-page .data-left .wrap .list-wrap .list li span{font-size:.34rem;color:#96bcf6}.home-page .data-left .wrap .list-wrap .list li .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-left .wrap .list-wrap .list li .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-right{position:absolute;right:.99rem;top:32%;z-index:999}.home-page .data-right .wrap{position:relative;width:6.6rem;height:10.2rem;background:url("../../images/i3.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .tit{position:absolute;left:0;right:0;top:.28rem;text-align:center;font-size:.44rem;color:#c0d9ff}.home-page .data-right .wrap .text{padding-left:.2rem;padding-top:1.5rem}.home-page .data-right .wrap .text span{font-size:.34rem;color:#76a3e7}.home-page .data-right .wrap .text .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-right .wrap .text .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-right .wrap .ranking{padding-top:.3rem;padding-left:.2rem}.home-page .data-right .wrap .ranking dd{margin-bottom:.2rem;width:6.08rem;height:.6rem}.home-page .data-right .wrap .ranking dd span{font-size:.34rem;color:#ffffff}.home-page .data-right .wrap .ranking dd .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-right .wrap .ranking dd .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-right .wrap .ranking dd.i1{background:url("../../images/a.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .ranking dd.i2{background:url("../../images/b.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .ranking dd.i3{background:url("../../images/c.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .list-wrap{height:5.2rem;overflow:hidden}.home-page .data-right .wrap .list-wrap .list{padding-left:.2rem;position:relative}.home-page .data-right .wrap .list-wrap .list li{height:.6rem;margin-bottom:.2rem}.home-page .data-right .wrap .list-wrap .list li span{font-size:.34rem;color:#96bcf6}.home-page .data-right .wrap .list-wrap .list li .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-right .wrap .list-wrap .list li .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .map-box{position:relative;padding-top:.6rem;margin:0 auto;z-index:9;width:25.4rem}.home-page .map-box img{width:25.4rem;height:12rem;margin:0 auto;display:block}.home-page .map-box .view{position:absolute;bottom:.5rem;left:0;right:0;margin:0 auto;width:5.97rem;height:1.22rem;font-size:.52rem;color:#c0d9ff;background:url("../../images/i4.png") no-repeat center;background-size:cover}.home-page .map-box .twinkle{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(49,156,216,0.7);border-radius:50%;-webkit-animation:scale-three 1s ease infinite;animation:scale-three 1s ease infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-fill-mode:both}.home-page .map-box div{position:absolute;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star16{right:5.2rem;top:6.5rem;width:.5rem;height:.5rem}.home-page .map-box .star16 .twinkle{animation-delay:1s}.home-page .map-box .star17{right:5rem;top:5.2rem;width:.3rem;height:.3rem}.home-page .map-box .star17 .twinkle{animation-delay:2s}.home-page .map-box .star18{right:5rem;top:5.9rem;width:.2rem;height:.2rem}.home-page .map-box .star18 .twinkle{animation-delay:3s}.home-page .map-box .star19{right:5.5rem;top:6rem;width:.1rem;height:.1rem}.home-page .map-box .star19 .twinkle{animation-delay:4s}.home-page .map-box .star20{right:5.1rem;top:5.8rem;width:.15rem;height:.15rem}.home-page .map-box .star21{right:6.9rem;top:5.8rem;width:.15rem;height:.15rem}.home-page .map-box .star22{right:5.3rem;top:6.9rem;width:.2rem;height:.2rem}.home-page .map-box .star23{right:5.1rem;top:6.9rem;width:.25rem;height:.25rem}.home-page .map-box .star24{right:5.2rem;top:6.5rem;width:.15rem;height:.15rem}.home-page .map-box .star1{position:absolute;left:4.1rem;top:5.1rem;width:.3rem;height:.3rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star1 .twinkle{animation-delay:2s}.home-page .map-box .star2{position:absolute;left:4.35rem;top:5.05rem;width:.4rem;height:.4rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star2 .twinkle{animation-delay:1s}.home-page .map-box .star3{position:absolute;left:4.95rem;top:5.15rem;width:.2rem;height:.2rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star4{position:absolute;left:4.7rem;top:5.7rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star5{position:absolute;left:4.5rem;top:6.2rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star6{position:absolute;left:3.4rem;top:5.1rem;width:.15rem;height:.15rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star7{position:absolute;left:5.5rem;top:5.2rem;width:.15rem;height:.15rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star8{position:absolute;left:3.7rem;top:5.7rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star9{position:absolute;left:5.5rem;top:5.8rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star10{position:absolute;right:3.9rem;top:5.8rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star11{position:absolute;left:2.85rem;top:2.05rem;width:.15rem;height:.15rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star12{position:absolute;left:3.9rem;top:1.8rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star12 .twinkle{animation-delay:6s}.home-page .map-box .star13{position:absolute;left:3.9rem;top:2.3rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star14{position:absolute;right:4.5rem;top:5.7rem;width:.3rem;height:.3rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star14 .twinkle{animation-delay:3s}.home-page .map-box .star15{position:absolute;right:6.1rem;top:8.2rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}@keyframes scale-three{0%{transform:scale(1);background:rgba(49,156,216,0.7)}100%{transform:scale(2);background:rgba(49,156,216,0.2)}}
\ No newline at end of file
index.html
......@@ -353,20 +353,25 @@
<script type="text/javascript">
var charts = {
date: "",
api: window.location.host == "btv.ichunt.com" ? "https://api.ichunt.com" : "http://api.liexin.com",
init: function () {
charts.date()
charts.scrollRank("#notes_txt");
charts.scrollRank("#notes_txt2");
charts.getData();
//一天更新数据一次
setInterval(function(){
charts.getData();
},86400000)
setInterval(function () {
history.go(0)
}, 86400000)
setInterval(function () {
charts.randomAnimate()
}, 10000)
},
getData: function () {
$.ajax({
type: "GET",
url: "http://api.liexin.com/bigtv/api/bigTv",
url: charts.api + "/bigtv/api/bigTv",
data: { date: charts.date },
dataType: 'json',
success: function (data) {
......@@ -374,46 +379,58 @@
charts.numberScroll(data);
var daily_order_list = data.daily_order || []
var daily_search_list = data.daily_search || []
charts.rankData(daily_search_list,daily_order_list)
charts.rankData(daily_search_list, daily_order_list)
}
});
},
//随机动画
randomAnimate() {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
console.log(1)
var radm_num = Math.floor(Math.random() * ($(".row li .t1").length - 0)) + 0;
var num_=Number($($(".row li .t1")[radm_num]).attr("numbers"))
$($(".row li .t1")[radm_num]).prop('number', Math.ceil(num_ / 2)).animateNumber({
number: num_,
numberStep: comma_separator_number_step
},500);
},
rankData: function (daily_search_list, daily_order_list) {
var html1 = "", html2 = "";
for (var i = 0; i < daily_search_list.length; i++) {
var key_=Object.keys(daily_search_list[i])[0]
var value_=Object.values(daily_search_list[i])[0]
var key_ = Object.keys(daily_search_list[i])[0]
var value_ = Object.values(daily_search_list[i])[0]
if (i <= 2) {
$('.data-left .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>')
} else {
html1 += '<li class="row verCenter">'
html1 += ' <span class="p1">'+(i+4)+'</span>'
html1 += '<span class="p2">'+key_+'</span>'
html1 += '<span>'+value_+'</span></li>'
html1 += ' <span class="p1">' + (i + 1)+ '</span>'
html1 += '<span class="p2">' + key_ + '</span>'
html1 += '<span>' + value_ + '</span></li>'
}
}
$(".data-left .list").html(html1)
for (var i = 0; i < daily_order_list.length; i++) {
var key_=Object.keys(daily_order_list[i])[0]
var value_=Object.values(daily_order_list[i])[0]
var key_ = Object.keys(daily_order_list[i])[0]
var value_ = Object.values(daily_order_list[i])[0]
if (i <= 2) {
$('.data-right .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>')
} else {
html1 += '<li class="row verCenter">'
html1 += ' <span class="p1">'+(i+4)+'</span>'
html1 += '<span class="p2">'+key_+'</span>'
html1 += '<span>'+value_+'</span></li>'
html2 += '<li class="row verCenter">'
html2 += ' <span class="p1">' + (i + 1) + '</span>'
html2 += '<span class="p2">' + key_ + '</span>'
html2 += '<span>' + value_ + '</span></li>'
}
}
$(".data-right .list").html(html1)
$(".data-right .list").html(html2)
},
numberScroll: function (data) {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
$(".row li .t1").each(function () {
var id_name = $(this).attr("id");
if ($(this).text() != data[id_name]) {
$(this).prop('number', $(this).text()).animateNumber({
$(this).attr("numbers", data[id_name]).prop('number', $(this).text()).animateNumber({
number: data[id_name],
numberStep: comma_separator_number_step
}, 1000);
......@@ -465,6 +482,7 @@
},
scrollRank: function (ele) {
//滚动数据展示模块
return
var $notesTxt = $(ele);
if ($notesTxt.find("li").length < 7) {
return
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment