mt-fe-group/dezhou-screen
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update layout

Browse Source
This commit is contained in:
lb 2023-09-08 16:54:01 +08:00
parent bfeec6db62
commit 8010b93fe9
1 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/MainPanel.vue
View File

@ -13,9 +13,9 @@
<RectContainer class="leftMiddle"> <RectContainer class="leftMiddle">
<ChartContainer /> <ChartContainer />
</RectContainer> </RectContainer>
<RectContainer class="leftBottom"> <!-- <RectContainer class="leftBottom">
<ChartContainer /> <ChartContainer />
</RectContainer> </RectContainer> -->
<RectContainer class="bottom-1"> <RectContainer class="bottom-1">
<TablesContainer /> <TablesContainer />
@ -32,7 +32,7 @@
<RectContainer class="bottom-5"> <RectContainer class="bottom-5">
<ChartContainer /> <ChartContainer />
</RectContainer> </RectContainer>
<RectContainer class="bottom-6"> <!-- <RectContainer class="bottom-6">
<TablesContainer /> <TablesContainer />
</RectContainer> </RectContainer>
<RectContainer class="bottom-7"> <RectContainer class="bottom-7">
@ -40,17 +40,17 @@
</RectContainer> </RectContainer>
<RectContainer class="bottom-8"> <RectContainer class="bottom-8">
<ChartContainer /> <ChartContainer />
</RectContainer> </RectContainer> -->
<RectContainer class="rightTop"> <RectContainer class="rightTop">
<ChartContainer /> <ChartContainer />
</RectContainer> </RectContainer>
<RectContainer class="rightMiddle"> <!-- <RectContainer class="rightMiddle">
<TablesContainer /> <TablesContainer />
</RectContainer> </RectContainer>
<RectContainer class="rightBottom"> <RectContainer class="rightBottom">
<ChartContainer /> <ChartContainer />
</RectContainer> </RectContainer> -->
<MainArea style="grid-area: main" /> <MainArea style="grid-area: main" />
</div> </div>
@ -77,18 +77,24 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.main-panel { .main-panel {
// background: #cccc; // background: #cccc;
padding: 0 0 24px; padding: 70px 0 24px;
position: relative; position: relative;
// top: -28px; // 往上部偏移一点 // top: -28px; // 往上部偏移一点
display: grid; display: grid;
gap: 32px; gap: 32px;
place-content: end center; place-content: end center;
grid-auto-columns: 624px; // grid-auto-columns: 624px;
grid-auto-rows: 304px; // grid-auto-rows: 304px;
// grid-template-areas:
// "leftTop main main main main main main main main rightTop "
// "leftMiddle main main main main main main main main rightMiddle "
// "leftBottom BottomOne BottomTwo BottomThree BottomFour BottomFive BottomSix BottomSeven BottomEight rightBottom ";
grid-auto-columns: 1282px;
grid-template-rows: 1fr 2fr 314px;
grid-template-areas: grid-template-areas:
"leftTop main main main main main main main main rightTop " "leftTop main main main rightTop "
"leftMiddle main main main main main main main main rightMiddle " "leftMiddle main main main rightTop "
"leftBottom BottomOne BottomTwo BottomThree BottomFour BottomFive BottomSix BottomSeven BottomEight rightBottom "; "BottomOne BottomTwo BottomThree BottomFour BottomFive ";
} }
.main-area { .main-area {