左上统计组件

yangfeng

2023-12-01 3bbf405ec1083b792d817bbd4c755bc3aa3abf14

 src/components/cockpitPage/BackgroundBoardLayout.vue

@@ -55,19 +55,23 @@
// 上边固定高
$topBlockHeight: 100px;
// 左侧头部数据高度
$leftHeaderHeight: 85px;
$leftHeaderHeight: 8%;
// 左侧公共右边距
$leftMarginRight: 25px;
// 整体内容左边距
$leftMargin: 80px;
// 整体内容右边距
$rightMargin: 65px;
// 左侧布局块高度
$leftBlockHeight: calc(100vh - 225px);
$leftBlockHeight: calc(100vh - 245px);
// 右侧布局块高度
$rightBlockHeight: calc(100vh - 120px);
// 左下上边距
$leftBottomMarginTop: 40px;
// 左下左侧区域宽
$leftBottomLeftWidth: 35%;
$leftBottomLeftWidth: 39%;
// 左下右侧区域宽
$leftBottomRightWidth: 65%;
$leftBottomRightWidth: 61%;

.dashboard-layout {
  background-image: url("/cockpit-bg.jpg");
@@ -116,17 +120,17 @@
.left-header-block {
  height: $leftHeaderHeight;
  margin-top: $topBlockHeight;
  background: #dd3535;
  padding-right: $leftMarginRight;
}
.left-bottom-block {
  margin-top: 20px;
  margin-top: $leftBottomMarginTop;
  height: $leftBlockHeight;
  display: flex;
  .left-bottom-left-block {
    width: $leftBottomLeftWidth;
    height: 100%;
    .left-bottom-top-block {
      height: 40%;
      height: 41%;
      background: #9135dd;
    }
    .left-bottom-middle-block {
@@ -134,7 +138,7 @@
      background: #dd35a5;
    }
    .left-bottom-bottom-block {
      height: 35%;
      height: 34%;
      background: #dd355f;
    }
  }