ttk-app-core
Version:
@ttk/recat enterprise develop framework
127 lines (122 loc) • 2.56 kB
text/less
@import "~@/assets/varible.less"; // 项目的less变量会覆盖组件的变量
.app-portal {
background-color: #f1f5f4;
height: 100%;
& > .header {
height: @headerHeight;
}
& > .content {
> .ant-layout {
height: 100%;
padding: 0 ;
background-color: white;
> .ant-layout-content {
height: 100%;
padding: 0 ;
}
}
}
&.app-portal-layout {
> .aside {
// width: @menuWidth - 20px;
height: calc(100% - @headerHeight - 16px);
background-color: #f1f5f4;
overflow-y: auto;
overflow-x: hidden;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
margin-top: 6px;
}
> .tabbar {
position: fixed;
// left: @menuWidth;
right: 10px;
top: @headerHeight;
height: @tabBarHeight;
margin: 6px 0;
}
> .content {
position: fixed;
// left: @menuWidth;
right: 10px;
bottom: 10px;
top: @headerHeight + @tabBarHeight + 12px;
overflow-y: auto;
background-color: white;
}
&.no-tabbar {
> .content {
top: @headerHeight + 12px;
}
}
}
&.app-portal-layout-horizontal {
> .aside {
// width: @menuWidth;
height: 100%;
background-color: #f1f5f4;
overflow-y: auto;
overflow-x: hidden;
margin-right: 10px;
}
> .tabbar {
position: fixed;
// left: @menuWidth + 10px;
right: 10px;
top: 0;
height: @tabBarHeight;
margin: 6px 0;
}
> .content {
position: fixed;
// left: @menuWidth + 10px;
right: 10px;
bottom: 10px;
top: @tabBarHeight + 12px;
overflow-y: auto;
background-color: white;
}
&.no-tabbar {
> .content {
top: 10px;
}
}
}
&.app-portal-layout-vertical {
> .header {
height: @headerHeight;
}
> .tabbar {
position: fixed;
left: 10px;
right: 10px;
top: @headerHeight;
height: @tabBarHeight;
margin: 6px 0;
}
> .content {
position: fixed;
left: 10px;
right: 10px;
bottom: 10px;
top: @headerHeight + @tabBarHeight + 12px;
overflow-y: auto;
background-color: white;
}
&.no-tabbar {
> .content {
top: @headerHeight + 12px;
}
}
}
}
.layout-split-pane {
position: fixed;
width: 10px;
height: 100%;
// left: @menuWidth - 10px;
top: @headerHeight;
bottom: 6px;
cursor: col-resize;
}