样式

page/bigData/css/alert.css

@@ -83,7 +83,7 @@ body {
.alert_content .alert_people {
  padding-left: .260417rem;
  padding-right: .260417rem;
  margin-top: 15px;
  margin-top: .078125rem;
}
.alert_content .alert_people > div {
  width: 1.677083rem;
@@ -123,7 +123,7 @@ body {
  width: 2.15625rem;
}
.alert_chart .left_2 ul {
  width: 199px;
  width: 1.036458rem;
}
.alert_chart .left_2 ul li {
  background-color: rgba(5, 31, 51, 0.75);
@@ -133,12 +133,12 @@ body {
  border: 1px solid #009dfe;
}
.alert_chart .left_2 ul li.title div {
  height: 42px;
  line-height: 42px;
  height: .21875rem;
  line-height: .21875rem;
}
.alert_chart .left_2 ul li div {
  height: 46px;
  line-height: 46px;
  height: .239583rem;
  line-height: .239583rem;
  text-align: center;
  color: #b5e1fc;
  border: solid 1px #004b7a;
@@ -151,7 +151,7 @@ body {
  width: 4.583333rem;
}
.alert_chart .right .top > div {
  width: 284px;
  width: 1.479167rem;
  height: 1.380208rem;
  background-image: url("../images/top_bgi.png");
  background-size: 100% 100%;
@@ -161,13 +161,13 @@ body {
  background-image: url("../images/right-chart-bgi.png");
}
.alert_chart .right .top .nianling_2 {
  width: 433px;
  height: 276px;
  width: 2.255208rem;
  height: 1.4375rem;
  background-image: url("../images/nianling_2.png");
}
.alert_chart .right .top .xingbie_2 {
  width: 433px;
  height: 276px;
  width: 2.255208rem;
  height: 1.4375rem;
  background-image: url("../images/nianling_2.png");
}
.alert_chart .right .bottom {
@@ -184,7 +184,7 @@ body {
  z-index: 5;
}
.alert_chart .right .bottom_2 {
  height: 305px;
  height: 1.588542rem;
  margin-top: .088542rem;
  background-image: url("../images/bottom_bgi.png");
  background-size: 100% 100%;
@@ -249,11 +249,11 @@ body {
  color: #b5e1fc;
}
.chart-no-data p {
  font-size: 16px;
  padding-top: 10px;
  font-size: .083333rem;
  padding-top: .052083rem;
  font-weight: bold;
}
.chart-no-data img {
  display: block;
  margin: 40px auto 15px;
  margin: .208333rem auto .078125rem;
}

page/bigData/css/alert.less

@@ -57,7 +57,7 @@ body{
}
.alert_content .alert_people{
    padding-left: .260417rem;padding-right: .260417rem;margin-top: 15px;
    padding-left: .260417rem;padding-right: .260417rem;margin-top: .078125rem;
}
.alert_content .alert_people>div{
    width: 1.677083rem;height: .239583rem;line-height: .239583rem;background-image: url("../images/people_bgi.png");background-size: 100% 100%;
@@ -82,17 +82,17 @@ body{
    .left_2{
        height: 3.057292rem;width: 2.15625rem;
        ul{
            width: 199px;
            width: 1.036458rem;
            li{
                background-color: rgba(5, 31, 51, 0.75);
                &.title{
                    box-shadow:inset 1px 0px 20px 6px #004b7a;border:1px solid #009dfe;
                    div{
                        height: 42px;line-height: 42px;
                        height: .21875rem;line-height: .21875rem;
                    }
                }
                div{
                    height: 46px;line-height: 46px;text-align: center;color: #b5e1fc; border: solid 1px #004b7a;width: 50%;
                    height: .239583rem;line-height: .239583rem;text-align: center;color: #b5e1fc; border: solid 1px #004b7a;width: 50%;
                    overflow:hidden;text-overflow:ellipsis;white-space:nowrap
                }
            }
@@ -102,16 +102,16 @@ body{
        width: 4.583333rem;
        .top{
            &>div{
                width: 284px;height: 1.380208rem;background-image: url("../images/top_bgi.png");background-size: 100% 100%;
                width: 1.479167rem;height: 1.380208rem;background-image: url("../images/top_bgi.png");background-size: 100% 100%;
                &.bingfa2{
                    width: 3.005208rem;background-image: url("../images/right-chart-bgi.png");
                }
            }
            .nianling_2{
                width: 433px;height: 276px;background-image: url("../images/nianling_2.png");
                width: 2.255208rem;height: 1.4375rem;background-image: url("../images/nianling_2.png");
            }
            .xingbie_2{
                width: 433px;height: 276px;background-image: url("../images/nianling_2.png");
                width: 2.255208rem;height: 1.4375rem;background-image: url("../images/nianling_2.png");
            }
        }
        .bottom{
@@ -122,7 +122,7 @@ body{
            }
        }
        .bottom_2{
            height: 305px;margin-top: .088542rem;background-image: url("../images/bottom_bgi.png");background-size: 100% 100%;
            height: 1.588542rem;margin-top: .088542rem;background-image: url("../images/bottom_bgi.png");background-size: 100% 100%;
            position: relative;
            .btn-group{
                position: absolute;top: 0;right: .078125rem;z-index: 5;
@@ -190,9 +190,9 @@ body{
.chart-no-data{
    text-align: center;color: #b5e1fc;
    p{
        font-size: 16px;padding-top: 10px;font-weight: bold;
        font-size: .083333rem;padding-top: .052083rem;font-weight: bold;
    }
    img{
        display: block;margin: 40px auto 15px;
        display: block;margin: .208333rem auto .078125rem;
    }
}