center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/DeDrag/index.vue
View File

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

9
frontend/src/components/canvas/components/Editor/EditBar.vue
View File

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

12
frontend/src/components/canvas/components/Editor/Preview.vue
View File

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

8
frontend/src/components/canvas/components/Editor/PreviewMobile.vue
View File

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

8
frontend/src/components/canvas/components/Editor/index.vue
View File

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