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

refactor: 移动端布局等待区域排列优化

Browse Source
This commit is contained in:
wangjiahao 2021-12-28 16:35:30 +08:00
parent f90466bc23
commit f47609fce5
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/views/panel/edit/ComponentWait.vue
View File

@ -4,13 +4,18 @@
{{ $t('panel.component_hidden') }} {{ $t('panel.component_hidden') }}
</el-row> </el-row>
<el-row class="component-wait-main"> <el-row class="component-wait-main">
<component-wait-item <el-col
:span="8"
v-for="(config, index) in pcComponentData" v-for="(config, index) in pcComponentData"
v-if="!config.mobileSelected" v-if="!config.mobileSelected"
:id="'wait' + config.id" :id="'wait' + config.id"
:key="index" :key="index"
>
<component-wait-item
:config="config" :config="config"
/> />
</el-col>
</el-row> </el-row>
</el-row> </el-row>
@ -81,7 +86,7 @@ export default {
.component-wait-main { .component-wait-main {
width: 100%; width: 100%;
height: calc(100% - 30px); height: calc(100% - 30px);
text-align: left; float: left;
overflow-y: auto; overflow-y: auto;
} }
.component-custom { .component-custom {

4
frontend/src/views/panel/edit/ComponentWaitItem.vue
View File

@ -69,9 +69,7 @@ export default {
}, },
componentItemStyle() { componentItemStyle() {
return { return {
padding: '5px', padding: '5px'
float: 'left',
width: '33%'
} }
}, },
...mapState([ ...mapState([