// 单数据视图通用布局样式
.app-sd-view-layout {
    >.view-header {
        flex-direction: column;
        flex-shrink: 0;
        .view-header__top {
            width: 100%;
        }
        .view-header__content {
            width: 100%;
            min-height: 48px;
            .flex(row, space-between, center);
            .view-header__content__left,
            .view-header__content__right {
                display: flex;
                align-items: center;
            }
        }
        .view-header__bottom {
            width: 100%;
        }
    }
    >.view-content {
        padding: 0;
        >.view-content__body {
            padding: 8px;
            background-color: @layout-body-background;
        }
    }
    // 单数据视图路由打开视图布局样式（有多标签分页）
    &.view-container--route-tab {
        padding: 0 16px 16px 16px;
        background-color: @container-background;
        >.view-header,
        >.view-content,
        >.view-footer {
            background-color: @layout-body-background;
        }
        >.view-header {
            padding: 0;
            .view-header__content {
                padding: 8px;
                background-color: @layout-body-background;
            }
            .view-header__top {
                padding: 0 0 16px 0;
                .app-control-searchform__content {
                    padding: 15px;
                }
            }
        }
    }
    // 单数据视图路由打开视图布局样式（无多标签分页）
    &.view-container--route-no-tab {
        padding: 0;
        background-color: @container-background;
        >.view-header {
            padding: 0;
            border-bottom: none;
            padding-bottom: 16px;
            .view-header__content {
                padding: 4px 16px;
                min-height: 60px;
                background-color: @layout-body-background;
            }
            .view-header__bottom {
                padding: 16px 16px 0 16px;
                .app-control-searchform__content {
                    padding: 15px;
                }
            }
        }
        >.view-content {
            padding: 0 16px 16px 16px;
            background-color: @container-background;
        }
        &.view-container-no-header {
            padding-top: 16px;
        }
    }
    // 单数据视图嵌入视图样式
    &.view-container--embed {
    
    }
    // 单数据视图模态视图样式
    &.view-container--modal {
    
    }
}