ll

liukangdong

2024-10-24 8f4771b3b83a496643b72a45a1a9dcb32a6bb2c8

 screen/src/views/FireFighting.vue

@@ -84,28 +84,28 @@
                <img src="@/assets/images/FireFighting/xiaofang_ic_baojing@2x.png" alt="">
                <div class="content">
                  <div class="name">报警</div>
                  <div class="num">12</div>
                  <div class="num num2">12</div>
                </div>
              </div>
              <div class="item">
                <img src="@/assets/images/FireFighting/xiaofang_ic_guzhang@2x.png" alt="">
                <div class="content">
                  <div class="name">故障</div>
                  <div class="num">12</div>
                  <div class="num num3">12</div>
                </div>
              </div>
              <div class="item">
                <img src="@/assets/images/FireFighting/xiaofang_ic_lixian@2x.png" alt="">
                <div class="content">
                  <div class="name">离线</div>
                  <div class="num">12</div>
                  <div class="num num4">12</div>
                </div>
              </div>
              <div class="item">
                <img src="@/assets/images/FireFighting/xiaofang_ic_pingbi@2x.png" alt="">
                <div class="content">
                  <div class="name">屏蔽</div>
                  <div class="num">12</div>
                  <div class="num num5">12</div>
                </div>
              </div>
            </div>
@@ -903,32 +903,42 @@
              font-size: 12px;
              color: #D2E0FF;

              span {
                font-weight: bold;
                font-size: 30px;
                margin-right: 5px;
                font-weight: 600;
                background-image: -webkit-linear-gradient(top,
                    #01D9FE 0%,
                    #01D9FE 60%,
                    #fff 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
              }
              font-weight: bold;
              font-size: 30px;
              margin-right: 5px;
              font-weight: 600;
              background-image: -webkit-linear-gradient(top,
                  #01D9FE 0%,
                  #01D9FE 60%,
                  #fff 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
            }

              .today {
                background-image: -webkit-linear-gradient(top,
                    #fff 0%,
                    #20FFC5 50%,
                    #20FFC5 100%);
              }
            .num2 {
              background-image: -webkit-linear-gradient(top,
                  #fff 0%,
                  #dd4c26 50%,
                  #e43724 100%);
            }
            .num3 {
              background-image: -webkit-linear-gradient(top,
                  #fff 0%,
                  #e9bf43 50%,
                  #eb8131 100%);
            }
            .num4 {
              background-image: -webkit-linear-gradient(top,
                  #fff 0%,
                  #9e9e9e 50%,
                  #9e9e9e 100%);
            }

              .finish {
                background-image: -webkit-linear-gradient(top,
                    #fff 0%,
                    #FFB120 50%,
                    #FFB120 100%);
              }
            .num5 {
              background-image: -webkit-linear-gradient(top,
                  #fff 0%,
                  #3a83f5 50%,
                  #3a83f5 100%);
            }
          }
        }
@@ -1044,7 +1054,8 @@

          .watergage_wrap {
            text-align: center;

            position: relative;
            left: 30px;
            .watergage {
              width: 130px;
              height: 112px;
@@ -1079,6 +1090,7 @@
            position: relative;
            left: 20px;
            bottom: 10px;

            .unit {
              font-weight: 500;
              font-size: 80px;
@@ -1096,7 +1108,7 @@
              position: relative;
              bottom: 10px;
              left: 4px;
              font-size:44px;
              font-size: 44px;
              color: #869CC9;
            }