css之flex布局适配

简单的适配

.homePageLeft(slot="left")
        echats.echats
        echats

内容左侧上下栏布局：不固定宽高，

父模块：

display: flex;

flex-direction: column;

子模块：flex-grow: 1

<style lang="scss" scoped>
.homePageLeft {
    height: 100%;
    display: flex;
    flex-direction: column;
    .echats {
        flex-grow: 1;
        margin-bottom: 19px;
    }
}