refactor(仪表板): 仪表板画布手机端布局设计最小矩阵尺寸设置为1*1

This commit is contained in:
wangjiahao 2022-08-02 17:20:03 +08:00
parent f859f10fb5
commit 88c5712233
5 changed files with 20 additions and 23 deletions

View File

@ -595,14 +595,14 @@ export default {
return (this.canvasStyleData.panel.gap === 'yes' && this.element.auxiliaryMatrix) ? this.componentGap : 0
},
miniWidth() {
return this.element.auxiliaryMatrix ? this.curCanvasScale.matrixStyleWidth * 4 : 0
return this.element.auxiliaryMatrix ? this.curCanvasScale.matrixStyleWidth * (this.mobileLayoutStatus ? 1 : 4) : 0
},
miniHeight() {
if (this.element.auxiliaryMatrix) {
if (this.element.component === 'de-number-range') {
return this.element.auxiliaryMatrix ? this.curCanvasScale.matrixStyleHeight * 4 : 0
return this.element.auxiliaryMatrix ? this.curCanvasScale.matrixStyleHeight * (this.mobileLayoutStatus ? 1 : 4) : 0
} else {
return this.element.auxiliaryMatrix ? this.curCanvasScale.matrixStyleHeight * 4 : 0
return this.element.auxiliaryMatrix ? this.curCanvasScale.matrixStyleHeight * (this.mobileLayoutStatus ? 1 : 4) : 0
}
} else {
return 0

View File

@ -151,14 +151,10 @@ export default {
return this.targetLinkageInfo[this.element.propValue.viewId]
},
miniHeight() {
let miniHeight = 4
if (this.element.component === 'de-number-range') {
miniHeight = 4
}
return miniHeight
return this.mobileLayoutStatus ? 1 : 4
},
miniWidth() {
return 4
return this.mobileLayoutStatus ? 1 : 4
},
...mapState([
'menuTop',
@ -172,6 +168,7 @@ export default {
'curLinkageView',
'curCanvasScale',
'batchOptStatus',
'mobileLayoutStatus',
'curBatchOptComponents'
])
},

View File

@ -561,23 +561,23 @@ export default {
color: #9ea6b2;
}
.dialog-css > > > .el-dialog__title {
.dialog-css ::v-deep .el-dialog__title {
font-size: 14px;
}
.dialog-css > > > .el-dialog__header {
padding: 20px 20px 0;
.dialog-css ::v-deep .el-dialog__header {
padding: 40px 20px 0;
}
.dialog-css > > > .el-dialog__body {
.dialog-css ::v-deep .el-dialog__body {
padding: 10px 20px 20px;
}
.mobile-dialog-css > > > .el-dialog__headerbtn {
.mobile-dialog-css ::v-deep .el-dialog__headerbtn {
top: 7px
}
.mobile-dialog-css > > > .el-dialog__body {
.mobile-dialog-css ::v-deep .el-dialog__body {
padding: 0px;
}
::-webkit-scrollbar {

View File

@ -285,15 +285,15 @@ export default {
padding: 5px;
}
.dialog-css > > > .el-dialog__title {
.dialog-css ::v-deep .el-dialog__title {
font-size: 14px;
}
.dialog-css > > > .el-dialog__header {
padding: 20px 20px 0;
.dialog-css ::v-deep .el-dialog__header {
padding: 40px 20px 0;
}
.dialog-css > > > .el-dialog__body {
.dialog-css ::v-deep .el-dialog__body {
padding: 10px 20px 20px;
}

View File

@ -1843,15 +1843,15 @@ export default {
height: 1px;
}
.dialog-css > > > .el-dialog__title {
.dialog-css ::v-deep .el-dialog__title {
font-size: 14px;
}
.dialog-css > > > .el-dialog__header {
padding: 20px 20px 0;
.dialog-css ::v-deep .el-dialog__header {
padding: 40px 20px 0;
}
.dialog-css > > > .el-dialog__body {
.dialog-css ::v-deep .el-dialog__body {
padding: 10px 20px 20px;
}