// 视图容器布局 .view-container { width: 100%; height: 100%; padding: 0; margin: 0; .flex(column, normal, normal); } .view-content { width: 100%; flex-grow: 1; .flex(column, normal, normal); min-height: 0; } .view-content__body { flex-grow: 1; min-height: 0; min-width: 0; } .view-footer{ display: flex; align-items: center; padding: 0.5rem 1rem; text-align: center; height: 60px; }