update:更新

src/layout/mpickup-view-layout/mpickup-view-layout.scss

+.mpickup-view-layout {
+    height: 100%;
+    background-color: transparent;
+    box-shadow: none;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    
+    >.view-content {
+        margin: 16px 0;
+        flex: auto;
+        height: calc(100% - 72px);
+        overflow: scroll;
+        background: var(--app-color-white);
+        border: 1px solid var(--app-color-gray-200);
+    }
+    >.view-footer {
+        flex: auto;
+        height: 40px;
+        >.ivu-row{
+            display: flex;
+            justify-content: end;
+        }
+    }
+}
\ No newline at end of file

src/layout/mpickup-view-layout/mpickup-view-layout.vue

+<template>
+    <layout class="mpickup-view-layout view-layout">
+        <header class="view-header">
+            <div class="view-header__top">
+                <slot name="headerTop" />
+            </div>
+            <div class="view-header__content">
+                <slot name="headerContent" />
+            </div>
+            <div class="view-header__bottom">
+                <slot name="headerBottom" />
+            </div>   
+        </header>
+        <content class="view-content content-container">
+            <slot name="contentTop"/>
+            <slot />
+            <slot name="contentBottom"/>
+        </content>
+        <footer  class="view-footer">
+            <slot name="footer" />
+        </footer>
+    </layout>
+</template>
+<script lang="ts">
+import { Vue, Component, Watch, Prop } from 'vue-property-decorator';
+
+@Component({})
+export default class AppMPickUpViewLayout extends Vue {
+
+}
+</script>
+
+<style lang="scss">
+@import "./mpickup-view-layout.scss";
+</style>