test/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2024-11-30 02:38:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 修改图表编辑区域底部展示问题

Browse Source
This commit is contained in:
奔跑的面条 2022-04-07 15:52:27 +08:00
parent 2fafb3d7de
commit 77aae79bac
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/chart/ContentBox/index.vue
View File

@ -12,18 +12,13 @@
</n-space>
<n-space>
<slot name="top-right"></slot>
<n-icon
v-show="backIcon"
size="20"
class="go-cursor-pointer"
@click="backHandle"
>
<n-icon v-show="backIcon" size="20" class="go-cursor-pointer" @click="backHandle">
<chevron-back-outline-icon></chevron-back-outline-icon>
</n-icon>
</n-space>
</div>
<aside class="content">
<aside class="content" :class="{'content-height-show-top': showTop}">
<template v-if="xScroll">
<n-scrollbar x-scrollable>
<n-scrollbar>
@ -94,31 +89,31 @@ $topHeight: 40px;
margin: 1px;
margin-bottom: 0;
&.bg-depth0 {
@include filter-bg-color('background-color1');
@include filter-bg-color("background-color1");
.bottom,
.top {
@include filter-bg-color('background-color1');
@include filter-bg-color("background-color1");
}
}
&.bg-depth1 {
@include filter-bg-color('background-color1');
@include filter-bg-color("background-color1");
.bottom,
.top {
@include filter-bg-color('background-color2');
@include filter-bg-color("background-color2");
}
}
&.bg-depth2 {
@include filter-bg-color('background-color2');
@include filter-bg-color("background-color2");
.bottom,
.top {
@include filter-bg-color('background-color3');
@include filter-bg-color("background-color3");
}
}
&.bg-depth3 {
@include filter-bg-color('background-color3');
@include filter-bg-color("background-color3");
.bottom,
.top {
@include filter-bg-color('background-color4');
@include filter-bg-color("background-color4");
}
}
&.flex {
@ -132,17 +127,22 @@ $topHeight: 40px;
align-items: center;
height: $topHeight;
padding: 0 10px;
border-top: 1px solid;
@include filter-border-color("hover-border-color");
.mt-1 {
margin-top: 2px;
}
}
.top {
border-bottom: 1px solid;
@include filter-border-color('background-color1');
@include filter-border-color("background-color1");
}
.content {
height: calc(100vh - #{$--header-height} - #{$topHeight});
height: calc(100vh - #{$--header-height});
overflow: hidden;
&.content-height-show-top {
height: calc(100vh - #{$--header-height} - #{$topHeight});
}
}
}
</style>

2
src/views/chart/ContentConfigurations/index.vue
View File

@ -16,7 +16,7 @@
>
<content-box
class="go-content-layers go-boderbox"
:showTop="false"
:show-top="false"
:depth="2"
>
<!-- 页面配置 -->