<script setup lang="ts">
import { ref } from 'vue';

const title = defineModel<string>('title', { default: '' });
const show = ref<boolean>(true);
</script>

<template>
  <div class="common-layout">
    <div class="title">
      <slot name="title">
        <!-- title 部分 -->
        <section v-if="title">
          <header>{{ title }}</header>
        </section>
      </slot>
    </div>
    <!-- 后面主题部分 -->
    <slot class="content" />
  </div>
</template>

<style scoped lang="scss">
.common-layout {
  margin-bottom: 20px;
}

.title {
  margin-bottom: 10px;
  color: rgba(102, 102, 102, 1);
  font-size: 13px;
  font-family: PingFangSC;
}
</style>
