| | |
| | | <div class="header-block padding-4"> |
| | | <slot name="rightBlock1"></slot> |
| | | </div> |
| | | <div class="base-block padding-4"> |
| | | <div class="top-block padding-4"> |
| | | <div class="card"> |
| | | <slot name="rightBlock2"></slot> |
| | | </div> |
| | | </div> |
| | | <div class="base-block padding-4"> |
| | | <div class="bottom-block padding-4"> |
| | | <div class="card"> |
| | | <slot name="rightBlock3"></slot> |
| | | </div> |
| | |
| | | // 下边高度 |
| | | $bottomBlockHeight: calc(100vh - 2 * $layoutPadding - $headerBlockHeight - $topBlocHeight); |
| | | .dashboard-layout { |
| | | background-image: url('/header-bg.png'); |
| | | background-position-x: center; |
| | | background-repeat: no-repeat; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | |
| | | height: 100%; |
| | | background-color: #153e94; |
| | | border-radius: 6px; |
| | | padding: 10px 16px; |
| | | padding: 10px 10px; |
| | | } |
| | | .scroll-card { |
| | | padding: 0; |
| | | } |
| | | .scroller { |
| | | padding: 10px 16px; |
| | | padding: 10px 10px; |
| | | } |
| | | </style> |