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-03-21 10:54:28 +08:00
parent 6cc0ed58a9
commit cba39a6e39
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -229,8 +229,8 @@ const save = () => {
<div class="mobile-com-list"> <div class="mobile-com-list">
<div class="config-mobile-sidebar">移动端配置</div> <div class="config-mobile-sidebar">移动端配置</div>
<el-tabs size="small" v-model="activeCollapse"> <el-tabs size="small" v-model="activeCollapse">
<el-tab-pane label="样式设置" name="style"> </el-tab-pane>
<el-tab-pane label="可视化组件" name="com"> </el-tab-pane> <el-tab-pane label="可视化组件" name="com"> </el-tab-pane>
<el-tab-pane label="样式" name="style"> </el-tab-pane>
</el-tabs> </el-tabs>
<div class="config-mobile-tab"> <div class="config-mobile-tab">
<MobileBackgroundSelector <MobileBackgroundSelector
@ -260,7 +260,7 @@ const save = () => {
/> />
</div> </div>
<div class="mobile-com-mask" @click="addToMobile(item)"></div> <div class="mobile-com-mask" @click="addToMobile(item)"></div>
<div class="pc-select-to-mobile" v-if="!mobileLoading"></div> <div class="pc-select-to-mobile" @click="addToMobile(item)" v-if="!mobileLoading"></div>
</div> </div>
</template> </template>
</div> </div>
@ -398,6 +398,11 @@ const save = () => {
:deep(.ed-tabs) { :deep(.ed-tabs) {
--ed-tabs-header-height: 36px; --ed-tabs-header-height: 36px;
border-top: 1px solid #1f232926; border-top: 1px solid #1f232926;
position: sticky;
top: 38px;
left: 0;
background: #fff;
z-index: 21;
.ed-tabs__header { .ed-tabs__header {
padding-left: 8px; padding-left: 8px;
&::before { &::before {
@ -422,6 +427,11 @@ const save = () => {
font-weight: 500; font-weight: 500;
line-height: 22px; line-height: 22px;
padding: 8px; padding: 8px;
position: sticky;
top: 0;
left: 0;
background: #fff;
z-index: 21;
} }
.config-mobile-tab { .config-mobile-tab {