fix: the setting of fixed width do not effect in some page; 🐛

修复:部分页面固定宽度设置不生效的bug;
master
chenghongxing 4 years ago
parent a19e8a226f
commit d14d1ee9b8
  1. 1
      src/layouts/AdminLayout.vue
  2. 6
      src/layouts/tabs/TabsView.vue

@ -135,6 +135,7 @@ export default {
} }
.admin-layout-content{ .admin-layout-content{
padding: 24px 24px 0; padding: 24px 24px 0;
overflow-x: hidden;
min-height: calc(100vh - 64px - 122px); min-height: calc(100vh - 64px - 122px);
} }
.setting{ .setting{

@ -15,7 +15,7 @@
<span slot="tab" :pagekey="page.fullPath">{{pageName(page)}}</span> <span slot="tab" :pagekey="page.fullPath">{{pageName(page)}}</span>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
<div class="tabs-view-content" :style="`margin-top: ${multiPage ? -24 : 0}px`"> <div :class="['tabs-view-content', layout, pageWidth]" :style="`margin-top: ${multiPage ? -24 : 0}px`">
<page-toggle-transition :disabled="animate.disabled" :animate="animate.name" :direction="animate.direction"> <page-toggle-transition :disabled="animate.disabled" :animate="animate.name" :direction="animate.direction">
<a-keep-alive v-if="multiPage" v-model="clearCaches"> <a-keep-alive v-if="multiPage" v-model="clearCaches">
<router-view ref="tabContent" :key="$route.fullPath" /> <router-view ref="tabContent" :key="$route.fullPath" />
@ -214,5 +214,9 @@ function getPageKey (target, depth = 0) {
} }
.tabs-view-content{ .tabs-view-content{
position: relative; position: relative;
&.head.fixed{
width: 1400px;
margin: 0 auto;
}
} }
</style> </style>

Loading…
Cancel
Save