// 应用壳 .app-container { width: 100%; height: 100%; padding: 0; margin: 0; } // 应用容器布局(代理模式) .app-container, .isproxy { .flex(column, normal, normal); } // 应用头部 .app-header { .flex(row, space-between, center); height: 50px; padding: 0 20px; .app-header__left { .flex(row, space-between, center); height: 100%; .app-header__left__logo { .flex(row, flex-start, center); width: 180px; height: 50px; .logo__menuicon { display: inline-block; height: 50px; line-height: 50px; cursor: pointer; } .logo__image { max-width: 20px; } .logo__title { display: block; padding-left: 12px; text-align: left; font-weight: 600; font-size: 16px; .textellipsis; } } .ivu-icon { font-size: 20px; padding: 4px; cursor: pointer; } } .app-header__right { .flex(row, space-between, center); height: 100%; } } // 应用正文 .app-content { display: flex; width: 100%; height: calc(100% - 50px); .app-content__left { max-height: 100%; } .app-content__right { height: 100%; } } // style2视图样式 .app-style2-container { width: 100%; height: 100%; padding: 0px; margin: 0; overflow: hidden; .flex(column, normal, normal); .app-style2-header { height: 50px; padding: 0 20px; .flex(row, space-between, center); } .app-style2-header__left__caption { display: block; padding-left: 12px; text-align: left; font-weight: 600; font-size: 16px; .textellipsis; } .app-style2-header__right { height: 100%; .flex(row, space-between, center); } .app-style2-footer { height: 20px; } .app-style2-content { height: 0; flex: auto; .flex(row, normal, normal); } .app-style2-content__left,.app-style2-content__right { height: 100%; } .app-style2-content__right { width: 100%; } .app-style2-content__top { height: 34px; } .app-style2-content__body { height: 100%; flex: auto; } .app-style2-content__top + .app-style2-content__body { height: calc(100% - 34px); } }