Sfoglia il codice sorgente

style: 设计器中组件弹窗,数据列表添加高度

wu.jian2 1 anno fa
parent
commit
fba5bc2333

+ 6 - 4
data-room-ui/packages/BigScreenDesign/ComponentDialog/index.vue

@@ -57,7 +57,7 @@
               :style="{
               :style="{
                 display: gridComputed ? 'grid' : 'flex',
                 display: gridComputed ? 'grid' : 'flex',
                 justifyContent: gridComputed ? 'space-around' : 'flex-start',
                 justifyContent: gridComputed ? 'space-around' : 'flex-start',
-                height: '410px'
+                height: 'calc(100vh - 430px)'
               }"
               }"
             >
             >
               <!-- <div v-if="list.length !== 0"> -->
               <!-- <div v-if="list.length !== 0"> -->
@@ -180,7 +180,7 @@
               :style="{
               :style="{
                 display: bizFridComputed ? 'grid' : 'flex',
                 display: bizFridComputed ? 'grid' : 'flex',
                 justifyContent: bizFridComputed ? 'space-around' : 'flex-start',
                 justifyContent: bizFridComputed ? 'space-around' : 'flex-start',
-                height: '410px'
+                height: 'calc(100vh - 430px)'
               }"
               }"
             >
             >
               <!-- <div v-if="list.length !== 0"> -->
               <!-- <div v-if="list.length !== 0"> -->
@@ -270,7 +270,7 @@
               :style="{
               :style="{
                 display: remoteComponentsGridComputed ? 'grid' : 'flex',
                 display: remoteComponentsGridComputed ? 'grid' : 'flex',
                 justifyContent: remoteComponentsGridComputed ? 'space-around' : 'flex-start',
                 justifyContent: remoteComponentsGridComputed ? 'space-around' : 'flex-start',
-                height: '410px'
+                height: 'calc(100vh - 430px)'
               }"
               }"
             >
             >
               <div
               <div
@@ -475,7 +475,9 @@ export default {
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 @import '../../assets/style/bsTheme.scss';
 @import '../../assets/style/bsTheme.scss';
-
+.content{
+  height: calc(100vh - 290px);
+}
 .big-screen-list-wrap {
 .big-screen-list-wrap {
   .el-select {
   .el-select {
     display: inline-block !important;
     display: inline-block !important;