无人机管理后台前端(已迁走)
张含笑
2025-07-23 ba15721b62c8b2aec01a91fb7eb12a86f55423b3
src/views/wel/components/proportionStatic.vue
@@ -187,12 +187,12 @@
  border-radius: 8px 8px 8px 8px;
  padding: 4px 14px 0 15px;
  background: #ffffff !important;
//   height: 315px;
    height: pxToVh(355);
  height: pxToVh(282);
  margin-bottom: 10px;
  .card-title {
    display: flex;
    margin-bottom: 10px;
    margin-bottom: 4px;
    align-items: center;
    justify-content: space-between;
    .cardtotal {
@@ -240,19 +240,12 @@
      .status-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        // row-gap: 19px;
        // gap: 10px;
        // padding-bottom: 5px;
        .status-item {
          display: flex;
          text-align: center;
          justify-content: space-between;
        //   height: 97px;
          height: pxToVh(107);
          //   max-width: 158px;
          margin-bottom: 19px;
          height: pxToVh(97);
          margin-bottom: 10px;
          margin-right: 14px;
          width: 144px;
          background: #f6f8fe;
@@ -265,10 +258,11 @@
          }
          .statusCon {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            // align-items: center;
            padding: 5px 4px 9px 10px;
          justify-content: space-between;
            padding: 10px 4px 39px 10px;
            text-align: left;
            .status-label {
@@ -276,6 +270,7 @@
              font-size: 14px;
              text-align: left;
              color: #383838;
              margin: 0;
            }
            .ratio {
@@ -284,15 +279,16 @@
              color: #363636;
              white-space: nowrap;
              text-align: left;
              margin-top: 10px;
            }
            .status-value {
              font-family: 'Source Han Sans CN';
              font-weight: bold;
              font-size: 30px;
              font-size: 28px;
              height: 28px;
              color: #363636;
              // margin: 5px 0;
              // font-style: italic;
            margin-top: -6px;
              display: inline-block;
              transform: skewX(-5deg);