使用ant design vue做移动端时布局不会自动铺满页面的解决方法

使用ant design vue的布局Layout

ant design vue布局

使用上中下布局时，直接使用官方的示例移动端页面高度不会铺满

在vue中加入以下代码，即可解决高度的问题

<template>
    <a-layout id="components-layout-fixed" theme="light">
    <!-- 中间的省略 -->
    </a-layout>
</template>
<style lang="less" scoped>
    #components-layout-fixed {
        min-height: 100%;
    }
</style>

修改后的效果