Skip to content

梁建民 / activity

Go to a project
Commit 0293dc04 by liangjianmin
Options

css

parent fe7b43f9
Inline Side-by-side
Showing with 386 additions and 365 deletions
css/vis/index.less
...@@ -73,7 +73,7 @@ body, html { ...@@ -73,7 +73,7 @@ body, html {
padding-top: 0.60rem; padding-top: 0.60rem;
margin: 0 auto; margin: 0 auto;
z-index: 9; z-index: 9;
width: 971px; width: 971px;
img { img {
width: 971px; width: 971px;
...@@ -83,13 +83,13 @@ body, html { ...@@ -83,13 +83,13 @@ body, html {
} }
.show-btn { .show-btn {
width: 5.97rem; width: 299px;
height: 1.22rem; height: 62px;
background: url("../../images/vis/i2.png") no-repeat center; background: url("../../images/vis/btn.png") no-repeat center;
background-size: cover; background-size: cover;
font-size: 0.52rem; font-size: 26px;
color: #c0d9ff; color: #c0d9ff;
margin: 0.14rem auto 0; margin:6px auto 0;
} }
.star { .star {
...@@ -99,17 +99,17 @@ body, html { ...@@ -99,17 +99,17 @@ body, html {
} }
.star1 { .star1 {
right: 5rem; right: 255px;
bottom: 3.5rem; bottom: 174px;
width: 0.41rem; width: 21px;
height: 0.41rem; height: 21px;
} }
.star2 { .star2 {
right: 5rem; right: 255px;
bottom: 3.8rem; bottom: 193px;
width: 0.39rem; width: 20px;
height: 0.39rem; height: 20px;
.twinkle { .twinkle {
animation-delay: 1s animation-delay: 1s
...@@ -117,10 +117,10 @@ body, html { ...@@ -117,10 +117,10 @@ body, html {
} }
.star3 { .star3 {
right: 3.3rem; right: 165px;
bottom: 8.5rem; bottom: 422px;
width: 0.38rem; width: 19px;
height: 0.38rem; height: 19px;
.twinkle { .twinkle {
animation-delay: 1s animation-delay: 1s
...@@ -128,10 +128,10 @@ body, html { ...@@ -128,10 +128,10 @@ body, html {
} }
.star4 { .star4 {
right: 4.8rem; right: 238px;
bottom: 11.1rem; top: 313px;
width: 0.36rem; width: 18px;
height: 0.36rem; height: 18px;
.twinkle { .twinkle {
animation-delay: 0.6s animation-delay: 0.6s
...@@ -139,10 +139,10 @@ body, html { ...@@ -139,10 +139,10 @@ body, html {
} }
.star5 { .star5 {
right: 2.8rem; right: 138px;
bottom: 7.8rem; bottom: 394px;
width: 0.35rem; width: 17px;
height: 0.35rem; height: 17px;
.twinkle { .twinkle {
animation-delay: 1.3s animation-delay: 1.3s
...@@ -150,10 +150,10 @@ body, html { ...@@ -150,10 +150,10 @@ body, html {
} }
.star6 { .star6 {
right: 2.8rem; right: 136px;
bottom: 6.5rem; bottom: 322px;
width: 0.34rem; width: 16px;
height: 0.34rem; height: 16px;
.twinkle { .twinkle {
animation-delay: 1.4s animation-delay: 1.4s
...@@ -161,10 +161,10 @@ body, html { ...@@ -161,10 +161,10 @@ body, html {
} }
.star7 { .star7 {
right: 4rem; right: 203px;
bottom: 7.5rem; bottom: 377px;
width: 0.33rem; width: 15px;
height: 0.33rem; height: 15px;
.twinkle { .twinkle {
animation-delay: 2.2s animation-delay: 2.2s
...@@ -172,10 +172,10 @@ body, html { ...@@ -172,10 +172,10 @@ body, html {
} }
.star8 { .star8 {
right: 4rem; right: 200px;
top: 8.5rem; bottom: 475px;
width: 0.33rem; width: 14px;
height: 0.33rem; height: 14px;
.twinkle { .twinkle {
animation-delay: 4.3s animation-delay: 4.3s
...@@ -183,10 +183,10 @@ body, html { ...@@ -183,10 +183,10 @@ body, html {
} }
.star9 { .star9 {
right: 9.3rem; right: 477px;
top: 11.5rem; bottom: 326px;
width: 0.33rem; width: 13px;
height: 0.33rem; height: 13px;
.twinkle { .twinkle {
animation-delay: 3.3s animation-delay: 3.3s
...@@ -194,10 +194,10 @@ body, html { ...@@ -194,10 +194,10 @@ body, html {
} }
.star10 { .star10 {
right: 5.5rem; right: 271px;
top: 9.7rem; bottom: 414px;
width: 0.32rem; width: 12px;
height: 0.32rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 0.9s animation-delay: 0.9s
...@@ -205,10 +205,10 @@ body, html { ...@@ -205,10 +205,10 @@ body, html {
} }
.star11 { .star11 {
right: 5.6rem; right: 295px;
bottom: 7rem; bottom: 350px;
width: 0.3rem; width: 12px;
height: 0.3rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 1.8s animation-delay: 1.8s
...@@ -216,10 +216,10 @@ body, html { ...@@ -216,10 +216,10 @@ body, html {
} }
.star12 { .star12 {
right: 7rem; right: 356px;
bottom: 9rem; bottom: 417px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 5s animation-delay: 5s
...@@ -227,10 +227,10 @@ body, html { ...@@ -227,10 +227,10 @@ body, html {
} }
.star13 { .star13 {
right: 3.5rem; right: 165px;
bottom: 5rem; bottom: 251px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 2.4s animation-delay: 2.4s
...@@ -238,10 +238,10 @@ body, html { ...@@ -238,10 +238,10 @@ body, html {
} }
.star14 { .star14 {
right: 6rem; right: 294px;
bottom: 5.5rem; bottom: 271px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 4.5s animation-delay: 4.5s
...@@ -249,10 +249,10 @@ body, html { ...@@ -249,10 +249,10 @@ body, html {
} }
.star15 { .star15 {
right: 4.5rem; right: 226px;
top: 7.2rem; bottom: 541px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 2s animation-delay: 2s
...@@ -260,10 +260,10 @@ body, html { ...@@ -260,10 +260,10 @@ body, html {
} }
.star16 { .star16 {
right: 3rem; right: 135px;
top: 6rem; bottom: 600px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 1s animation-delay: 1s
...@@ -271,10 +271,10 @@ body, html { ...@@ -271,10 +271,10 @@ body, html {
} }
.star17 { .star17 {
right: 4.5rem; right: 227px;
top: 7rem; bottom: 555px;
width: 0.2rem; width: 12px;
height: 0.2rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 4.2s animation-delay: 4.2s
...@@ -282,10 +282,10 @@ body, html { ...@@ -282,10 +282,10 @@ body, html {
} }
.star18 { .star18 {
right: 7.5rem; right: 372px;
bottom: 6.5rem; bottom: 317px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 3.8s animation-delay: 3.8s
...@@ -293,10 +293,10 @@ body, html { ...@@ -293,10 +293,10 @@ body, html {
} }
.star19 { .star19 {
right: 5rem; right: 248px;
bottom: 3rem; bottom: 154px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 3.5s animation-delay: 3.5s
...@@ -304,10 +304,10 @@ body, html { ...@@ -304,10 +304,10 @@ body, html {
} }
.star20 { .star20 {
right: 4.5rem; right: 220px;
bottom: 5.5rem; bottom: 276px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 3s animation-delay: 3s
...@@ -315,10 +315,10 @@ body, html { ...@@ -315,10 +315,10 @@ body, html {
} }
.star21 { .star21 {
right: 2rem; right: 79px;
top: 3rem; top: 130px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 2.5s animation-delay: 2.5s
...@@ -326,10 +326,10 @@ body, html { ...@@ -326,10 +326,10 @@ body, html {
} }
.star22 { .star22 {
right: 7rem; right: 347px;
bottom: 3.5rem; bottom: 186px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 2s animation-delay: 2s
...@@ -337,10 +337,10 @@ body, html { ...@@ -337,10 +337,10 @@ body, html {
} }
.star23 { .star23 {
right: 6.1rem; right: 310px;
bottom: 9.8rem; bottom: 496px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 1.5s animation-delay: 1.5s
...@@ -348,10 +348,10 @@ body, html { ...@@ -348,10 +348,10 @@ body, html {
} }
.star24 { .star24 {
right: 2rem; right: 91px;
top: 4.8rem; top: 218px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 1s animation-delay: 1s
...@@ -359,10 +359,10 @@ body, html { ...@@ -359,10 +359,10 @@ body, html {
} }
.star25 { .star25 {
right: 9rem; right: 451px;
top: 9rem; bottom: 464px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
.twinkle { .twinkle {
animation-delay: 0.5s animation-delay: 0.5s
...@@ -385,120 +385,116 @@ body, html { ...@@ -385,120 +385,116 @@ body, html {
.data-left { .data-left {
position: absolute; position: absolute;
left: 0.99rem; left: 50px;
top: 3.75rem; top: 187px;
width: 8.21rem; width: 416px;
.tit { .tit {
position: absolute; position: absolute;
top: -0.5rem; top: -23px;
left: 0; left: 0;
right: 0; right: 0;
margin: 0 auto; margin: 0 auto;
width: 7.17rem; width: 359px;
height: 1.13rem; height: 57px;
background: url("../../images/vis/tit.png") no-repeat center; background: url("../../images/vis/i2.png") no-repeat center;
background-size: cover; background-size: cover;
font-size: 0.44rem; font-size: 22px;
color: #c0d9ff; color: #c0d9ff;
} }
.box1 { .box1 {
position: relative; position: relative;
width: 8.32rem; width: 416px;
height: 4.38rem; height: 220px;
background: url("../../images/vis/i1.png") no-repeat center; background: url("../../images/vis/i1.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.box2 { .box2 {
position: relative; position: relative;
width: 8.32rem; width: 416px;
height: 4.38rem; height: 220px;
background: url("../../images/vis/i1.png") no-repeat center; background: url("../../images/vis/i1.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.box3 { .box3 {
position: relative; position: relative;
width: 8.32rem; width:416px;
height: 7.08rem; height: 354px;
background: url("../../images/vis/i3.png") no-repeat center; background: url("../../images/vis/i3.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.mb { .mb {
margin-bottom: 0.94rem; margin-bottom: 47px;
} }
.bar { .bar {
position: relative;
left: -31px;
margin: 0 auto; margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
} }
} }
.data-right { .data-right {
position: absolute; position: absolute;
right: 0.99rem; right: 50px;
top: 3.75rem; top: 187px;
width: 8.21rem; width: 416px;
.tit { .tit {
position: absolute; position: absolute;
top: -0.5rem; top: -23px;
left: 0; left: 0;
right: 0; right: 0;
margin: 0 auto; margin: 0 auto;
width: 7.17rem; width: 359px;
height: 1.13rem; height: 57px;
background: url("../../images/vis/tit.png") no-repeat center; background: url("../../images/vis/i2.png") no-repeat center;
background-size: cover; background-size: cover;
font-size: 0.44rem; font-size: 22px;
color: #c0d9ff; color: #c0d9ff;
} }
.box1 { .box1 {
position: relative; position: relative;
width: 8.32rem; width: 416px;
height: 4.38rem; height: 220px;
background: url("../../images/vis/i1.png") no-repeat center; background: url("../../images/vis/i1.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.box2 { .box2 {
position: relative; position: relative;
width: 8.32rem; width: 416px;
height: 4.38rem; height: 220px;
background: url("../../images/vis/i1.png") no-repeat center; background: url("../../images/vis/i1.png") no-repeat center;
background-size: cover; background-size: cover;
margin-bottom: 0.39rem; margin-bottom: 20px;
} }
.box3 { .box3 {
position: relative; position: relative;
width: 8.32rem; width: 417px;
height: 7.28rem; height: 364px;
background: url("../../images/vis/i4.png") no-repeat center; background: url("../../images/vis/i4.png") no-repeat center;
background-size: cover; background-size: cover;
.t1 { .t1 {
padding-top: 0.63rem; padding-top: 31px;
padding-left: 0.4rem; padding-left: 20px;
font-size: 0.34rem; font-size: 17px;
color: #96bcf6; color: #96bcf6;
line-height: 0.528rem;
} }
.t2 { .t2 {
font-size: 0.56rem; font-size: 28px;
color: #96bcf6; color: #e49e07;
text-align: center; text-align: center;
margin-top: 0.57rem; margin-top:28px;
line-height: 0.528rem;
em { em {
color: #e49e07; color: #e49e07;
...@@ -506,40 +502,37 @@ body, html { ...@@ -506,40 +502,37 @@ body, html {
} }
.text { .text {
padding-left: 0.4rem; padding-left: 20px;
margin-top: 0.88rem; margin-top: 42px;
flex-wrap: wrap; flex-wrap: wrap;
li { li {
flex: 0 0 50%; flex: 0 0 50%;
.t3 { .t3 {
font-size: 0.34rem; font-size: 17px;
color: #96bcf6; color: #96bcf6;
margin-bottom: 0.32rem; margin-bottom: 15px;
line-height: 0.528rem; line-height: 9px;
} }
.t4 { .t4 {
font-size: 0.56rem; font-size: 28px;
color: #e49e07; color: #e49e07;
margin-bottom: 0.67rem; margin-bottom: 43px;
line-height: 0.528rem;
} }
} }
} }
} }
.mb { .mb {
margin-bottom: 0.94rem; margin-bottom: 47px;
} }
.bar { .bar {
position: relative;
left: -31px;
margin: 0 auto; margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
} }
} }
} }
......
css/vis/index.min.css
...@@ -256,13 +256,13 @@ html { ...@@ -256,13 +256,13 @@ html {
display: block; display: block;
} }
.home-page .map-box .show-btn { .home-page .map-box .show-btn {
width: 5.97rem; width: 299px;
height: 1.22rem; height: 62px;
background: url("../../images/vis/i2.png") no-repeat center; background: url("../../images/vis/btn.png") no-repeat center;
background-size: cover; background-size: cover;
font-size: 0.52rem; font-size: 26px;
color: #c0d9ff; color: #c0d9ff;
margin: 0.14rem auto 0; margin: 6px auto 0;
} }
.home-page .map-box .star { .home-page .map-box .star {
position: absolute; position: absolute;
...@@ -270,223 +270,223 @@ html { ...@@ -270,223 +270,223 @@ html {
border-radius: 50%; border-radius: 50%;
} }
.home-page .map-box .star1 { .home-page .map-box .star1 {
right: 5rem; right: 255px;
bottom: 3.5rem; bottom: 174px;
width: 0.41rem; width: 21px;
height: 0.41rem; height: 21px;
} }
.home-page .map-box .star2 { .home-page .map-box .star2 {
right: 5rem; right: 255px;
bottom: 3.8rem; bottom: 193px;
width: 0.39rem; width: 20px;
height: 0.39rem; height: 20px;
} }
.home-page .map-box .star2 .twinkle { .home-page .map-box .star2 .twinkle {
animation-delay: 1s; animation-delay: 1s;
} }
.home-page .map-box .star3 { .home-page .map-box .star3 {
right: 3.3rem; right: 165px;
bottom: 8.5rem; bottom: 422px;
width: 0.38rem; width: 19px;
height: 0.38rem; height: 19px;
} }
.home-page .map-box .star3 .twinkle { .home-page .map-box .star3 .twinkle {
animation-delay: 1s; animation-delay: 1s;
} }
.home-page .map-box .star4 { .home-page .map-box .star4 {
right: 4.8rem; right: 238px;
bottom: 11.1rem; top: 313px;
width: 0.36rem; width: 18px;
height: 0.36rem; height: 18px;
} }
.home-page .map-box .star4 .twinkle { .home-page .map-box .star4 .twinkle {
animation-delay: 0.6s; animation-delay: 0.6s;
} }
.home-page .map-box .star5 { .home-page .map-box .star5 {
right: 2.8rem; right: 138px;
bottom: 7.8rem; bottom: 394px;
width: 0.35rem; width: 17px;
height: 0.35rem; height: 17px;
} }
.home-page .map-box .star5 .twinkle { .home-page .map-box .star5 .twinkle {
animation-delay: 1.3s; animation-delay: 1.3s;
} }
.home-page .map-box .star6 { .home-page .map-box .star6 {
right: 2.8rem; right: 136px;
bottom: 6.5rem; bottom: 322px;
width: 0.34rem; width: 16px;
height: 0.34rem; height: 16px;
} }
.home-page .map-box .star6 .twinkle { .home-page .map-box .star6 .twinkle {
animation-delay: 1.4s; animation-delay: 1.4s;
} }
.home-page .map-box .star7 { .home-page .map-box .star7 {
right: 4rem; right: 203px;
bottom: 7.5rem; bottom: 377px;
width: 0.33rem; width: 15px;
height: 0.33rem; height: 15px;
} }
.home-page .map-box .star7 .twinkle { .home-page .map-box .star7 .twinkle {
animation-delay: 2.2s; animation-delay: 2.2s;
} }
.home-page .map-box .star8 { .home-page .map-box .star8 {
right: 4rem; right: 200px;
top: 8.5rem; bottom: 475px;
width: 0.33rem; width: 14px;
height: 0.33rem; height: 14px;
} }
.home-page .map-box .star8 .twinkle { .home-page .map-box .star8 .twinkle {
animation-delay: 4.3s; animation-delay: 4.3s;
} }
.home-page .map-box .star9 { .home-page .map-box .star9 {
right: 9.3rem; right: 477px;
top: 11.5rem; bottom: 326px;
width: 0.33rem; width: 13px;
height: 0.33rem; height: 13px;
} }
.home-page .map-box .star9 .twinkle { .home-page .map-box .star9 .twinkle {
animation-delay: 3.3s; animation-delay: 3.3s;
} }
.home-page .map-box .star10 { .home-page .map-box .star10 {
right: 5.5rem; right: 271px;
top: 9.7rem; bottom: 414px;
width: 0.32rem; width: 12px;
height: 0.32rem; height: 12px;
} }
.home-page .map-box .star10 .twinkle { .home-page .map-box .star10 .twinkle {
animation-delay: 0.9s; animation-delay: 0.9s;
} }
.home-page .map-box .star11 { .home-page .map-box .star11 {
right: 5.6rem; right: 295px;
bottom: 7rem; bottom: 350px;
width: 0.3rem; width: 12px;
height: 0.3rem; height: 12px;
} }
.home-page .map-box .star11 .twinkle { .home-page .map-box .star11 .twinkle {
animation-delay: 1.8s; animation-delay: 1.8s;
} }
.home-page .map-box .star12 { .home-page .map-box .star12 {
right: 7rem; right: 356px;
bottom: 9rem; bottom: 417px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star12 .twinkle { .home-page .map-box .star12 .twinkle {
animation-delay: 5s; animation-delay: 5s;
} }
.home-page .map-box .star13 { .home-page .map-box .star13 {
right: 3.5rem; right: 165px;
bottom: 5rem; bottom: 251px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star13 .twinkle { .home-page .map-box .star13 .twinkle {
animation-delay: 2.4s; animation-delay: 2.4s;
} }
.home-page .map-box .star14 { .home-page .map-box .star14 {
right: 6rem; right: 294px;
bottom: 5.5rem; bottom: 271px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star14 .twinkle { .home-page .map-box .star14 .twinkle {
animation-delay: 4.5s; animation-delay: 4.5s;
} }
.home-page .map-box .star15 { .home-page .map-box .star15 {
right: 4.5rem; right: 226px;
top: 7.2rem; bottom: 541px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star15 .twinkle { .home-page .map-box .star15 .twinkle {
animation-delay: 2s; animation-delay: 2s;
} }
.home-page .map-box .star16 { .home-page .map-box .star16 {
right: 3rem; right: 135px;
top: 6rem; bottom: 600px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star16 .twinkle { .home-page .map-box .star16 .twinkle {
animation-delay: 1s; animation-delay: 1s;
} }
.home-page .map-box .star17 { .home-page .map-box .star17 {
right: 4.5rem; right: 227px;
top: 7rem; bottom: 555px;
width: 0.2rem; width: 12px;
height: 0.2rem; height: 12px;
} }
.home-page .map-box .star17 .twinkle { .home-page .map-box .star17 .twinkle {
animation-delay: 4.2s; animation-delay: 4.2s;
} }
.home-page .map-box .star18 { .home-page .map-box .star18 {
right: 7.5rem; right: 372px;
bottom: 6.5rem; bottom: 317px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star18 .twinkle { .home-page .map-box .star18 .twinkle {
animation-delay: 3.8s; animation-delay: 3.8s;
} }
.home-page .map-box .star19 { .home-page .map-box .star19 {
right: 5rem; right: 248px;
bottom: 3rem; bottom: 154px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star19 .twinkle { .home-page .map-box .star19 .twinkle {
animation-delay: 3.5s; animation-delay: 3.5s;
} }
.home-page .map-box .star20 { .home-page .map-box .star20 {
right: 4.5rem; right: 220px;
bottom: 5.5rem; bottom: 276px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star20 .twinkle { .home-page .map-box .star20 .twinkle {
animation-delay: 3s; animation-delay: 3s;
} }
.home-page .map-box .star21 { .home-page .map-box .star21 {
right: 2rem; right: 79px;
top: 3rem; top: 130px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star21 .twinkle { .home-page .map-box .star21 .twinkle {
animation-delay: 2.5s; animation-delay: 2.5s;
} }
.home-page .map-box .star22 { .home-page .map-box .star22 {
right: 7rem; right: 347px;
bottom: 3.5rem; bottom: 186px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star22 .twinkle { .home-page .map-box .star22 .twinkle {
animation-delay: 2s; animation-delay: 2s;
} }
.home-page .map-box .star23 { .home-page .map-box .star23 {
right: 6.1rem; right: 310px;
bottom: 9.8rem; bottom: 496px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star23 .twinkle { .home-page .map-box .star23 .twinkle {
animation-delay: 1.5s; animation-delay: 1.5s;
} }
.home-page .map-box .star24 { .home-page .map-box .star24 {
right: 2rem; right: 91px;
top: 4.8rem; top: 218px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star24 .twinkle { .home-page .map-box .star24 .twinkle {
animation-delay: 1s; animation-delay: 1s;
} }
.home-page .map-box .star25 { .home-page .map-box .star25 {
right: 9rem; right: 451px;
top: 9rem; bottom: 464px;
width: 0.25rem; width: 12px;
height: 0.25rem; height: 12px;
} }
.home-page .map-box .star25 .twinkle { .home-page .map-box .star25 .twinkle {
animation-delay: 0.5s; animation-delay: 0.5s;
...@@ -505,141 +505,134 @@ html { ...@@ -505,141 +505,134 @@ html {
} }
.home-page .data-left { .home-page .data-left {
position: absolute; position: absolute;
left: 0.99rem; left: 50px;
top: 3.75rem; top: 187px;
width: 8.21rem; width: 416px;
} }
.home-page .data-left .tit { .home-page .data-left .tit {
position: absolute; position: absolute;
top: -0.5rem; top: -23px;
left: 0; left: 0;
right: 0; right: 0;
margin: 0 auto; margin: 0 auto;
width: 7.17rem; width: 359px;
height: 1.13rem; height: 57px;
background: url("../../images/vis/tit.png") no-repeat center; background: url("../../images/vis/i2.png") no-repeat center;
background-size: cover; background-size: cover;
font-size: 0.44rem; font-size: 22px;
color: #c0d9ff; color: #c0d9ff;
} }
.home-page .data-left .box1 { .home-page .data-left .box1 {
position: relative; position: relative;
width: 8.32rem; width: 416px;
height: 4.38rem; height: 220px;
background: url("../../images/vis/i1.png") no-repeat center; background: url("../../images/vis/i1.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.home-page .data-left .box2 { .home-page .data-left .box2 {
position: relative; position: relative;
width: 8.32rem; width: 416px;
height: 4.38rem; height: 220px;
background: url("../../images/vis/i1.png") no-repeat center; background: url("../../images/vis/i1.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.home-page .data-left .box3 { .home-page .data-left .box3 {
position: relative; position: relative;
width: 8.32rem; width: 416px;
height: 7.08rem; height: 354px;
background: url("../../images/vis/i3.png") no-repeat center; background: url("../../images/vis/i3.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.home-page .data-left .mb { .home-page .data-left .mb {
margin-bottom: 0.94rem; margin-bottom: 47px;
} }
.home-page .data-left .bar { .home-page .data-left .bar {
position: relative;
left: -31px;
margin: 0 auto; margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
} }
.home-page .data-right { .home-page .data-right {
position: absolute; position: absolute;
right: 0.99rem; right: 50px;
top: 3.75rem; top: 187px;
width: 8.21rem; width: 416px;
} }
.home-page .data-right .tit { .home-page .data-right .tit {
position: absolute; position: absolute;
top: -0.5rem; top: -23px;
left: 0; left: 0;
right: 0; right: 0;
margin: 0 auto; margin: 0 auto;
width: 7.17rem; width: 359px;
height: 1.13rem; height: 57px;
background: url("../../images/vis/tit.png") no-repeat center; background: url("../../images/vis/i2.png") no-repeat center;
background-size: cover; background-size: cover;
font-size: 0.44rem; font-size: 22px;
color: #c0d9ff; color: #c0d9ff;
} }
.home-page .data-right .box1 { .home-page .data-right .box1 {
position: relative; position: relative;
width: 8.32rem; width: 416px;
height: 4.38rem; height: 220px;
background: url("../../images/vis/i1.png") no-repeat center; background: url("../../images/vis/i1.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.home-page .data-right .box2 { .home-page .data-right .box2 {
position: relative; position: relative;
width: 8.32rem; width: 416px;
height: 4.38rem; height: 220px;
background: url("../../images/vis/i1.png") no-repeat center; background: url("../../images/vis/i1.png") no-repeat center;
background-size: cover; background-size: cover;
margin-bottom: 0.39rem; margin-bottom: 20px;
} }
.home-page .data-right .box3 { .home-page .data-right .box3 {
position: relative; position: relative;
width: 8.32rem; width: 417px;
height: 7.28rem; height: 364px;
background: url("../../images/vis/i4.png") no-repeat center; background: url("../../images/vis/i4.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.home-page .data-right .box3 .t1 { .home-page .data-right .box3 .t1 {
padding-top: 0.63rem; padding-top: 31px;
padding-left: 0.4rem; padding-left: 20px;
font-size: 0.34rem; font-size: 17px;
color: #96bcf6; color: #96bcf6;
line-height: 0.528rem;
} }
.home-page .data-right .box3 .t2 { .home-page .data-right .box3 .t2 {
font-size: 0.56rem; font-size: 28px;
color: #96bcf6; color: #e49e07;
text-align: center; text-align: center;
margin-top: 0.57rem; margin-top: 28px;
line-height: 0.528rem;
} }
.home-page .data-right .box3 .t2 em { .home-page .data-right .box3 .t2 em {
color: #e49e07; color: #e49e07;
} }
.home-page .data-right .box3 .text { .home-page .data-right .box3 .text {
padding-left: 0.4rem; padding-left: 20px;
margin-top: 0.88rem; margin-top: 42px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.home-page .data-right .box3 .text li { .home-page .data-right .box3 .text li {
flex: 0 0 50%; flex: 0 0 50%;
} }
.home-page .data-right .box3 .text li .t3 { .home-page .data-right .box3 .text li .t3 {
font-size: 0.34rem; font-size: 17px;
color: #96bcf6; color: #96bcf6;
margin-bottom: 0.32rem; margin-bottom: 15px;
line-height: 0.528rem; line-height: 9px;
} }
.home-page .data-right .box3 .text li .t4 { .home-page .data-right .box3 .text li .t4 {
font-size: 0.56rem; font-size: 28px;
color: #e49e07; color: #e49e07;
margin-bottom: 0.67rem; margin-bottom: 43px;
line-height: 0.528rem;
} }
.home-page .data-right .mb { .home-page .data-right .mb {
margin-bottom: 0.94rem; margin-bottom: 47px;
} }
.home-page .data-right .bar { .home-page .data-right .bar {
position: relative;
left: -31px;
margin: 0 auto; margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
} }
@keyframes scale-three { @keyframes scale-three {
0% { 0% {
......
css/vis/index.min.css.map
{"version":3,"sources":["E:/activity/css/common/base.less","index.less"],"names":[],"mappings":"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","file":"index.min.css"} {"version":3,"sources":["E:/activity/css/common/base.less","index.less"],"names":[],"mappings":"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","file":"index.min.css"}
\ No newline at end of file \ No newline at end of file
images/vis/i1.png
images/vis/i1.png

17.1 KB | W: | H:

images/vis/i1.png

46.8 KB | W: | H:

images/vis/i1.png
images/vis/i1.png
images/vis/i1.png
images/vis/i1.png
  • 2-up
  • Swipe
  • Onion skin
images/vis/i2.png
images/vis/i2.png

38.9 KB | W: | H:

images/vis/i2.png

3.52 KB | W: | H:

images/vis/i2.png
images/vis/i2.png
images/vis/i2.png
images/vis/i2.png
  • 2-up
  • Swipe
  • Onion skin
images/vis/i3.png
images/vis/i3.png

23.9 KB | W: | H:

images/vis/i3.png

72.7 KB | W: | H:

images/vis/i3.png
images/vis/i3.png
images/vis/i3.png
images/vis/i3.png
  • 2-up
  • Swipe
  • Onion skin
images/vis/i4.png
images/vis/i4.png

24 KB | W: | H:

images/vis/i4.png

74.8 KB | W: | H:

images/vis/i4.png
images/vis/i4.png
images/vis/i4.png
images/vis/i4.png
  • 2-up
  • Swipe
  • Onion skin
vis.html
...@@ -36,25 +36,25 @@ ...@@ -36,25 +36,25 @@
<div class="data-left"> <div class="data-left">
<div class="box1 boxsiz mb"> <div class="box1 boxsiz mb">
<p class="tit row rowCenter verCenter">日均访问量PV (2016-2021)</p> <p class="tit row rowCenter verCenter">日均访问量PV (2016-2021)</p>
<div class="bar boxsiz" id="daily_pv" style="width:100%;height: 4rem;"></div> <div class="bar boxsiz" id="daily_pv" style="width: 480px; height: 255px;"></div>
</div> </div>
<div class="box2 boxsiz mb"> <div class="box2 boxsiz mb">
<p class="tit row rowCenter verCenter">日均活跃用户 (2016-2021)</p> <p class="tit row rowCenter verCenter">日均活跃用户 (2016-2021)</p>
<div class="bar boxsiz" id="daily_active_users" style="width:100%;height: 4rem;"></div> <div class="bar boxsiz" id="daily_active_users" style="width: 480px;height:255px;"></div>
</div> </div>
<div class="box3 boxsiz"> <div class="box3 boxsiz">
<p class="tit row rowCenter verCenter">客户分布应用领域</p> <p class="tit row rowCenter verCenter">客户分布应用领域</p>
<div class="bar boxsiz" id="customer_application" style="width:90%;height: 7.5rem;"></div> <div class="boxsiz" id="customer_application" style="height: 314px;"></div>
</div> </div>
</div> </div>
<div class="data-right"> <div class="data-right">
<div class="box1 boxsiz mb"> <div class="box1 boxsiz mb">
<p class="tit row rowCenter verCenter">日均下单用户 (2016-2021)</p> <p class="tit row rowCenter verCenter">日均下单用户 (2016-2021)</p>
<div class="bar boxsiz" id="daily_order_users" style="width:100%;height: 4rem;"></div> <div class="bar boxsiz" id="daily_order_users" style="width: 480px;height: 255px;"></div>
</div> </div>
<div class="box2 boxsiz"> <div class="box2 boxsiz">
<p class="tit row rowCenter verCenter">日均订单数 (2016-2021)</p> <p class="tit row rowCenter verCenter">日均订单数 (2016-2021)</p>
<div class="bar boxsiz" id="daily_order" style="width:100%;height: 4rem;"></div> <div class="bar boxsiz" id="daily_order" style="width: 480px;height: 255px;"></div>
</div> </div>
<div class="box3 boxsiz"> <div class="box3 boxsiz">
<p class="t1">运营中公众号：</p> <p class="t1">运营中公众号：</p>
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
<script type="text/javascript"> <script type="text/javascript">
var charts = { var charts = {
date: "", date: "",
api: window.location.host == "btv.ichunt.com" ? "https://api.ichunt.com" : "http://api.liexin.com", api: window.location.host == "btv.ichunt.com" ? "https://api.ichunt.com" : "https://api.ichunt.com",
init: function () { init: function () {
charts.date(); charts.date();
charts.getData(); charts.getData();
...@@ -154,39 +154,56 @@ ...@@ -154,39 +154,56 @@
if (type == 1) { if (type == 1) {
let myChart = echarts.init(document.getElementById('daily_pv')); let myChart = echarts.init(document.getElementById('daily_pv'));
let option = { let option = {
xAxis: { xAxis: {
type: 'category', type: 'category',
data: xAxis, data: xAxis,
axisLine:{ axisLabel: {
lineStyle:{ interval: 0,
color:'#25a9ab' textStyle: {
} color: "#25a9ab",
} fontSize: 12
}, }
yAxis: { },
show: false, axisLine: {
type: 'value' lineStyle: {
}, color: '#25a9ab'
series: [{ }
data: series,
type: 'bar',
itemStyle: {
normal: {
color: '#25a9ab'
} }
}, },
}] yAxis: {
}; show: false,
type: 'value'
},
series: [{
data: series,
type: 'bar',
barWidth: 25,
itemStyle: {
normal: {
color: '#25a9ab'
}
},
}]
}
;
myChart.setOption(option); myChart.setOption(option);
} else if (type == 2) { } else if (type == 2
) {
let myChart = echarts.init(document.getElementById('daily_active_users')); let myChart = echarts.init(document.getElementById('daily_active_users'));
let option = { let option = {
xAxis: { xAxis: {
type: 'category', type: 'category',
data: xAxis, data: xAxis,
axisLine:{ axisLabel: {
lineStyle:{ interval: 0,
color:'#de6e6a' textStyle: {
color: "#de6e6a",
fontSize: 12
}
},
axisLine: {
lineStyle: {
color: '#de6e6a'
} }
} }
}, },
...@@ -197,6 +214,7 @@ ...@@ -197,6 +214,7 @@
series: [{ series: [{
data: series, data: series,
type: 'bar', type: 'bar',
barWidth: 25,
itemStyle: { itemStyle: {
normal: { normal: {
color: '#de6e6a' color: '#de6e6a'
...@@ -211,9 +229,16 @@ ...@@ -211,9 +229,16 @@
xAxis: { xAxis: {
type: 'category', type: 'category',
data: xAxis, data: xAxis,
axisLine:{ axisLabel: {
lineStyle:{ interval: 0,
color:'#5da6f1' textStyle: {
color: "#5da6f1",
fontSize: 12
}
},
axisLine: {
lineStyle: {
color: '#5da6f1'
} }
} }
}, },
...@@ -224,6 +249,7 @@ ...@@ -224,6 +249,7 @@
series: [{ series: [{
data: series, data: series,
type: 'bar', type: 'bar',
barWidth: 25,
itemStyle: { itemStyle: {
normal: { normal: {
color: '#5da6f1' color: '#5da6f1'
...@@ -238,9 +264,16 @@ ...@@ -238,9 +264,16 @@
xAxis: { xAxis: {
type: 'category', type: 'category',
data: xAxis, data: xAxis,
axisLine:{ axisLabel: {
lineStyle:{ interval: 0,
color:'#d7a545' textStyle: {
color: "#d7a545",
fontSize: 12
}
},
axisLine: {
lineStyle: {
color: '#d7a545'
} }
} }
}, },
...@@ -251,6 +284,7 @@ ...@@ -251,6 +284,7 @@
series: [{ series: [{
data: series, data: series,
type: 'bar', type: 'bar',
barWidth: 25,
itemStyle: { itemStyle: {
normal: { normal: {
color: '#d7a545' color: '#d7a545'
...@@ -266,10 +300,9 @@ ...@@ -266,10 +300,9 @@
trigger: 'item' trigger: 'item'
}, },
legend: { legend: {
bottom: '40', bottom: 'left',
textStyle: { textStyle: {
color: "#96bcf6", color: "#96bcf6"
fontSize:20
} }
}, },
series: [ series: [
...@@ -389,7 +422,8 @@ ...@@ -389,7 +422,8 @@
} }
}); });
}, }
,
date: function () { date: function () {
var day1 = new Date(); var day1 = new Date();
day1.setTime(day1.getTime() - 24 * 60 * 60 * 1000); day1.setTime(day1.getTime() - 24 * 60 * 60 * 1000);
...@@ -432,7 +466,8 @@ ...@@ -432,7 +466,8 @@
} }
$("#time").html(h + ":" + m + ":" + s); $("#time").html(h + ":" + m + ":" + s);
}, 1000) }, 1000)
}, }
,
} }
charts.init() charts.init()
</script> </script>
......
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