提交 7915b8e2 authored 作者: lidongxu's avatar lidongxu

style(bi): 修整 bi 页面垂直方向的容器样式

同上
上级 c65f335a
...@@ -262,12 +262,11 @@ const reset = async () => { ...@@ -262,12 +262,11 @@ const reset = async () => {
lang="scss"> lang="scss">
.tabs-container { .tabs-container {
min-height: 100%; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.chart_wrap { .chart_wrap {
/* padding: 20px 0; */
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
...@@ -6,9 +6,7 @@ ...@@ -6,9 +6,7 @@
:label="item.name" :label="item.name"
:name="item.name" :name="item.name"
lazy> lazy>
<keep-alive>
<component :is="item.component"></component> <component :is="item.component"></component>
</keep-alive>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
...@@ -18,7 +16,7 @@ ...@@ -18,7 +16,7 @@
import cmm from './cmm' import cmm from './cmm'
import sycmStore from './sycm_store' import sycmStore from './sycm_store'
import sycmPrd from './sycm_prd' import sycmPrd from './sycm_prd'
import { ref } from 'vue'
const list = ref([ const list = ref([
{ name: '蝉妈妈', component: shallowRef(cmm) }, { name: '蝉妈妈', component: shallowRef(cmm) },
{ name: '生意参谋-竞店', component: shallowRef(sycmStore) }, { name: '生意参谋-竞店', component: shallowRef(sycmStore) },
...@@ -39,11 +37,14 @@ const activeName = ref(list.value[0].name) ...@@ -39,11 +37,14 @@ const activeName = ref(list.value[0].name)
::v-deep(.el-tabs__content) { ::v-deep(.el-tabs__content) {
flex: 1; flex: 1;
display: flex;
flex-direction: column;
.el-tab-pane { .el-tab-pane {
min-height: 100%; flex: 1;
display: flex;
flex-direction: column;
} }
} }
} }
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论