diff --git a/frontend/src/components/canvas/components/Editor/MobileCheckBar.vue b/frontend/src/components/canvas/components/Editor/MobileCheckBar.vue index 623f315283..cb511a2cbf 100644 --- a/frontend/src/components/canvas/components/Editor/MobileCheckBar.vue +++ b/frontend/src/components/canvas/components/Editor/MobileCheckBar.vue @@ -75,6 +75,7 @@ export default { padding-left: 1px; padding-right: 1px; cursor:pointer!important; + text-align: center; background-color: #0a7be0; } .bar-main i{ diff --git a/frontend/src/components/canvas/custom-component/UserView.vue b/frontend/src/components/canvas/custom-component/UserView.vue index d9b2216b9b..a0b1ad9fe7 100644 --- a/frontend/src/components/canvas/custom-component/UserView.vue +++ b/frontend/src/components/canvas/custom-component/UserView.vue @@ -156,7 +156,7 @@ export default { } }, editBarViewShowFlag() { - return this.active && this.inTab + return this.active && this.inTab && !this.mobileLayoutStatus }, charViewShowFlag() { return this.httpRequest.status && this.chart.type && !this.chart.type.includes('table') && !this.chart.type.includes('text') && this.renderComponent() === 'echarts' diff --git a/frontend/src/components/widget/DeWidget/DeTabs.vue b/frontend/src/components/widget/DeWidget/DeTabs.vue index 65a84e3e67..98f1f3521e 100644 --- a/frontend/src/components/widget/DeWidget/DeTabs.vue +++ b/frontend/src/components/widget/DeWidget/DeTabs.vue @@ -10,7 +10,7 @@ {{ item.title }} - + @@ -135,8 +135,12 @@ export default { } }, computed: { + dropdownShow() { + return this.isEdit && !this.mobileLayoutStatus + }, ...mapState([ - 'curComponent' + 'curComponent', + 'mobileLayoutStatus' ]) }, watch: { diff --git a/frontend/src/views/panel/edit/ComponentWait.vue b/frontend/src/views/panel/edit/ComponentWait.vue index bff2b46bb7..9dd2301140 100644 --- a/frontend/src/views/panel/edit/ComponentWait.vue +++ b/frontend/src/views/panel/edit/ComponentWait.vue @@ -81,6 +81,7 @@ export default { .component-wait-main { width: 100%; height: calc(100% - 30px); + text-align: left; overflow-y: auto; } .component-custom {