优化细节
This commit is contained in:
@@ -57,12 +57,11 @@
|
||||
@tab-close="onTabClose"
|
||||
@close-other="onCloseOther"
|
||||
@close-all="onCloseAll"
|
||||
@refresh="onRefresh"
|
||||
/>
|
||||
|
||||
<!-- 内容展示区 (内部路由渲染) -->
|
||||
<view class="content-scroll">
|
||||
<view class="content-inner" :style="{ padding: isMobile ? '12px' : '16px' }">
|
||||
<view class="content-inner" :class="{ 'is-mobile': isMobile }">
|
||||
<component :is="currentComponent" />
|
||||
</view>
|
||||
<AdminFooter />
|
||||
@@ -400,7 +399,7 @@ onMounted(() => {
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
background: #f0f2f5;
|
||||
background: #f5f7f9;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@@ -444,7 +443,7 @@ onMounted(() => {
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
transition: margin-left 300ms ease;
|
||||
background: #f0f2f5;
|
||||
background: #f5f7f9;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -474,11 +473,14 @@ onMounted(() => {
|
||||
flex: 1;
|
||||
overflow-y: scroll;
|
||||
overflow-x: auto; /* 允许横向滚动,兼容极端窄屏 */
|
||||
background: #f0f2f5;
|
||||
background: #f5f7f9;
|
||||
}
|
||||
|
||||
.content-inner {
|
||||
min-height: calc(100vh - 120px);
|
||||
padding: 16px;
|
||||
padding: 12px 14px;
|
||||
}
|
||||
.content-inner.is-mobile {
|
||||
padding: 8px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user