页面背景图及饼图显示优化

yangfeng

2023-12-06 93d04e35d6ff02470687b73ff7494b62bdc85f2c

 src/components/cockpitPage/BackgroundBoardLayout.vue

@@ -53,7 +53,7 @@
// 整体内边距
$layoutPadding: 12px;
// 上边固定高
$topBlockHeight: 100px;
$topBlockHeight: 90px;
// 左侧头部数据高度
$leftHeaderHeight: 8%;
// 左侧公共右边距
@@ -67,16 +67,19 @@
// 右侧布局块高度
$rightBlockHeight: calc(100vh - 120px);
// 左下上边距
$leftBottomMarginTop: 40px;
$leftBottomMarginTop: 30px;
// 左下左侧区域宽
$leftBottomLeftWidth: 39%;
$leftBottomLeftWidth: 37%;
// 左下右侧区域宽
$leftBottomRightWidth: 61%;
$leftBottomRightWidth: 63%;

.dashboard-layout {
  background-image: url("/cockpit-bg.jpg");
  background-position-x: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
@@ -86,7 +89,7 @@
    width: 100%;
    text-align: center;
    position: absolute;
    top: 10px;
    top: 0px;
    font-size: 32px;
    color: #01f5fe;
    font-weight: 700;
@@ -131,27 +134,23 @@
    height: 100%;
    .left-bottom-top-block {
      height: 41%;
      background: #9135dd;
    }
    .left-bottom-middle-block {
      height: 25%;
      background: #dd35a5;
    }
    .left-bottom-bottom-block {
      height: 34%;
      background: #dd355f;
    }
  }
  .left-bottom-right-block {
    width: $leftBottomRightWidth;
    height: 100%;
    padding-right: 20px;
    .right-bottom-top-block {
      height: 60%;
      background: #35ddc7;
    }
    .right-bottom-bottom-block {
      height: 40%;
      background: #35dd8f;
    }
  }
}
@@ -162,7 +161,6 @@
}
.right-top-block {
  height: 30%;
  background: #9135dd;
}
.right-middle-block {
  height: 35%;