blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

fix: 修改editbox的样式问题

Browse Source
This commit is contained in:
奔跑的面条 2022-04-07 19:33:14 +08:00
parent 77aae79bac
commit 70e606c071
2 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,7 +18,13 @@
</n-space> </n-space>
</div> </div>
<aside class="content" :class="{'content-height-show-top': showTop}"> <aside
class="content"
:class="{
'content-height-show-top-bottom': showBottom || showTop,
'content-height-show-both': showBottom && showTop
}"
>
<template v-if="xScroll"> <template v-if="xScroll">
<n-scrollbar x-scrollable> <n-scrollbar x-scrollable>
<n-scrollbar> <n-scrollbar>
@ -35,6 +41,7 @@
</aside> </aside>
<div v-if="showBottom" class="bottom go-mt-0"> <div v-if="showBottom" class="bottom go-mt-0">
<span>123</span>
<slot name="bottom"></slot> <slot name="bottom"></slot>
</div> </div>
</div> </div>
@ -83,7 +90,7 @@ const backHandle = () => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
$topHeight: 40px; $topOrBottomHeight: 40px;
@include go(content-box) { @include go(content-box) {
height: calc(100vh - #{$--header-height}); height: calc(100vh - #{$--header-height});
margin: 1px; margin: 1px;
@ -125,7 +132,7 @@ $topHeight: 40px;
justify-content: space-between; justify-content: space-between;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
height: $topHeight; height: $topOrBottomHeight;
padding: 0 10px; padding: 0 10px;
border-top: 1px solid; border-top: 1px solid;
@include filter-border-color("hover-border-color"); @include filter-border-color("hover-border-color");
@ -140,9 +147,15 @@ $topHeight: 40px;
.content { .content {
height: calc(100vh - #{$--header-height}); height: calc(100vh - #{$--header-height});
overflow: hidden; overflow: hidden;
&.content-height-show-top {
height: calc(100vh - #{$--header-height} - #{$topHeight});
} }
.content-height-show-top-bottom {
height: calc(100vh - #{$--header-height} - #{$topOrBottomHeight});
}
.content-height-show-both {
height: calc(
100vh - #{$--header-height} - #{$topOrBottomHeight} - #{$topOrBottomHeight}
);
} }
} }
</style> </style>

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

@ -115,7 +115,7 @@ $wight: 170px;
position: relative; position: relative;
top: 10px; top: 10px;
white-space: nowrap; white-space: nowrap;
opacity: .4; opacity: 0.4;
} }
&.scoped { &.scoped {
width: 0; width: 0;