A workaround where the layout does not automatically fill the page when using Ant Design Vue on mobile

Use ant Design Vue for Layout layouts

Ant Design Vue layout

When using the top, middle and bottom layout, using the official sample mobile page height will not fill out

Add the following code to vUE to solve the height problem

<template>
    <a-layout id="components-layout-fixed" theme="light">
    <! -- Middle ellipsis -->
    </a-layout>
</template>
<style lang="less" scoped>
    #components-layout-fixed {
        min-height: 100%;
    }
</style>
Copy the code

Effect after modification