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

Merge pull request #8177 from dataease/pr@dev-v2_dzz_mobile

Browse Source 
fix(移动端): 移动端设计页面，图中圈住的头部位置固定，当组件较多时向下滚动，头部位置不变。
This commit is contained in:
dataeaseShu 2024-02-27 14:36:59 +08:00 committed by GitHub
commit 5401a1f9e6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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> </el-tabs>
<template v-if="activeName === 'hide'"> <template v-if="activeName === 'hide'">
<div <div
:style="{ height: '200px', width: '31%' }" :style="{ height: '200px', width: 'calc(33.3% - 16px)' }"
class="mobile-wrapper-inner-adaptor" class="mobile-wrapper-inner-adaptor"
v-for="config in componentDataNotInMobile" v-for="config in componentDataNotInMobile"
:key="config.id" :key="config.id"
@ -217,6 +217,11 @@ const addToMobile = com => {
:deep(.ed-tabs) { :deep(.ed-tabs) {
width: 100%; width: 100%;
margin-bottom: 16px; margin-bottom: 16px;
position: sticky;
top: 0;
left: 0;
z-index: 20;
background: #f5f6f7;
} }
.mobile-wrapper-inner-adaptor { .mobile-wrapper-inner-adaptor {
@ -224,6 +229,9 @@ const addToMobile = com => {
margin-right: 24px; margin-right: 24px;
margin-bottom: 24px; margin-bottom: 24px;
background: #fff; background: #fff;
&:nth-child(3n - 2) {
margin-right: 0px;
}
} }
.mobile-com-mask { .mobile-com-mask {