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

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

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