github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-01-15 11:18:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化iPadOS兼容性

Browse Source
This commit is contained in:
kuaifan 2025-06-18 09:56:08 +08:00
parent 618e482507
commit 8368bbec47
2 changed files with 54 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/assets/js/pages/manage.vue
View File

@ -210,10 +210,12 @@
</ButtonGroup> </ButtonGroup>
</div> </div>
<div class="manage-box-main"> <div class="manage-box-main" :role="routeName">
<div class="manage-status-bar"><span></span></div>
<keep-alive> <keep-alive>
<router-view class="manage-box-view" @on-click="onTabbarClick"></router-view> <router-view class="manage-box-view" @on-click="onTabbarClick"></router-view>
</keep-alive> </keep-alive>
<div class="manage-navigation-bar"><span></span></div>
</div> </div>
<!--新建项目--> <!--新建项目-->

51
resources/assets/sass/pages/page-manage.scss vendored
View File

@ -278,6 +278,57 @@
bottom: 0; bottom: 0;
overflow: auto; overflow: auto;
} }
.manage-status-bar,
.manage-navigation-bar {
position: absolute;
left: 0;
width: 100%;
background-color: var(--manage-bar-bg-color, transparent);
}
.manage-status-bar {
top: calc(var(--status-bar-height) * -1);
height: var(--status-bar-height);
}
.manage-navigation-bar {
bottom: calc(var(--navigation-bar-height) * -1);
height: var(--navigation-bar-height);
}
&[role="manage-dashboard"],
&[role="manage-calendar"],
&[role="manage-messenger"],
&[role^="manage-setting"],
&[role="manage-file"] {
--manage-bar-bg-color: #ffffff;
}
&[role="manage-messenger"] {
.manage-status-bar,
.manage-navigation-bar {
> span {
position: absolute;
top: 0;
left: 0;
width: 30%;
min-width: 240px;
max-width: 320px;
height: var(--status-bar-height);
&:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background-color: #f4f5f5;
transform: translateX(100%);
}
}
}
}
&[role="manage-project"],
&[role="manage-application"] {
--manage-bar-bg-color: #fafafa;
}
} }
} }