feat(ui): enforce shared page shell contract

This commit is contained in:
Cheng Zhou
2026-03-04 16:26:17 +08:00
parent f7e867c2bd
commit 80d9830139
3 changed files with 27 additions and 2 deletions
+7 -1
View File
@@ -195,7 +195,9 @@
<div class="content-wrapper">
<router-view v-slot="{ Component }">
<transition name="fade-transform" mode="out-in">
<component :is="Component" />
<div class="ctms-route-shell">
<component :is="Component" />
</div>
</transition>
</router-view>
</div>
@@ -704,6 +706,10 @@ const onCommand = (cmd: string) => {
background: #f7f8fb;
}
.ctms-route-shell {
min-height: 100%;
}
/* 过渡动画 */
.fade-transform-enter-active,
.fade-transform-leave-active {
+16
View File
@@ -9,6 +9,22 @@
--unified-muted-color: #6f84a8;
}
.ctms-page-shell {
padding: 16px 20px 20px;
}
.ctms-page-header-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.ctms-page-content-grid {
display: grid;
gap: 12px;
}
.unified-shell {
background: var(--unified-shell-bg);
border: 0;