<template>
  <div class="layout-wrap">
    <div class="flex flex-1 flex-col">
      <slot></slot>
      <!-- 右侧固定按钮组 -->
      <KlQuickMenu></KlQuickMenu>
    </div>
    <KlFooter></KlFooter>
  </div>
</template>

<script lang="ts" setup>
  import KlFooter from './kl-footer/index.vue'
  import KlQuickMenu from '~/components/kl-quick-menu/index.vue'
</script>

<style lang="scss" scoped>
  .layout-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #fbfcff;
    width: 100%;
    margin: auto;
  }
</style>
