style: 仪表板编辑滚动条显示优化

This commit is contained in:
wangjiahao 2022-06-24 11:40:40 +08:00
parent f823b35171
commit c7a1b7cf26
5 changed files with 34 additions and 36 deletions

View File

@ -2664,12 +2664,12 @@ export default {
background-color: #f7f8fa;
overflow-y: auto;
overflow-x: hidden;
height: calc(100vh - 75px);
height: calc(100vh - 96px);
}
.view-panel-Mask {
display: flex;
height: calc(100vh - 60px);
height: calc(100vh - 80px);
background-color: rgba(92,94,97, 0.7);
position:absolute;
top:0px;
@ -2828,7 +2828,7 @@ span {
}
.attr-style {
height: calc(100vh - 56px - 60px - 40px - 40px);
height: calc(100vh - 76px - 60px - 40px - 40px);
}
.blackTheme .attr-style {

View File

@ -121,11 +121,11 @@ export default {
display: flex;
align-items: center;
justify-content: center;
height: calc(100vh - 35px);
height: calc(100vh - 56px);
}
.batch-opt-main{
height: calc(100vh - 35px);
height: calc(100vh - 56px);
overflow-y: hidden;
width: 100%;
border-left: 1px solid #E6E6E6

View File

@ -9,6 +9,7 @@
</div>
<!--折叠面板-->
<div v-if="collapseShow" style="margin: 10px;overflow-y: auto">
<div>
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item :title="'整体配置'" name="panel">
<el-row class="selector-div">
@ -32,6 +33,7 @@
</el-collapse-item>
</el-collapse>
</div>
</div>
</el-row>
</template>

View File

@ -126,7 +126,6 @@
</div>
</div>
</de-aside-container>
<!--画布区域-->
<de-main-container id="canvasInfo-main">
<!--左侧抽屉-->
@ -141,12 +140,12 @@
:close-on-press-escape="false"
:modal-append-to-body="true"
>
<!-- <view-select v-show=" show && showIndex===0" @newChart="newChart" />-->
<div style="width: 295px">
<filter-group v-show=" show &&showIndex===1" />
<subject-setting v-show=" show &&showIndex===2" />
<assist-component v-show=" show &&showIndex===3" />
</div>
</el-drawer>
<!--PC端画布区域-->
<div
v-if="!previewVisible&&!mobileLayoutStatus"

View File

@ -1,12 +1,9 @@
<template>
<div class="filter-container" @dragstart="handleDragStart" @dragend="handleDragEnd()">
<div v-for="(item, key) in widgetSubjects" :key="key" class="widget-subject">
<div class="filter-header">
<div class="filter-header-text"> {{ key }} </div>
</div>
<div class="filter-widget-content">
<div
v-for="(widget, index) in item"