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

fix(移动端): 移动端设计页面，图中圈住的头部位置固定，当组件较多时向下滚动，头部位置不变。

Browse Source
This commit is contained in:
dataeaseShu 2024-02-27 14:36:06 +08:00
parent 37fc9208c6
commit c25d94ab4f
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
View File

@ -129,7 +129,7 @@ const addToMobile = com => {
</el-tabs>
<template v-if="activeName === 'hide'">
<div
:style="{ height: '200px', width: '31%' }"
:style="{ height: '200px', width: 'calc(33.3% - 16px)' }"
class="mobile-wrapper-inner-adaptor"
v-for="config in componentDataNotInMobile"
:key="config.id"
@ -217,6 +217,11 @@ const addToMobile = com => {
:deep(.ed-tabs) {
width: 100%;
margin-bottom: 16px;
position: sticky;
top: 0;
left: 0;
z-index: 20;
background: #f5f6f7;
}
.mobile-wrapper-inner-adaptor {
@ -224,6 +229,9 @@ const addToMobile = com => {
margin-right: 24px;
margin-bottom: 24px;
background: #fff;
&:nth-child(3n - 2) {
margin-right: 0px;
}
}
.mobile-com-mask {