<template>
  <div class="model h-full">
    <div class="text-lg py-2 title">
      <!-- <img src="@/assets/images/tb.png" class="ml-3" alt="" /> -->
      {{ title }}</div
    >
    <slot />
  </div>
</template>
<script setup lang="ts">
  defineProps({
    title: String,
  });
</script>
<style lang="less">
  // 自定义字体
  @font-face {
    font-family: 'pingfang';
    src: url('/@/assets/font/苹方黑体-中黑-简.ttf');
  }
  .model {
    background: rgba(0, 201, 216, 0.1);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 201, 216, 0.302);

    .title {
      background: url('@/assets/images/onePic/title.png') no-repeat;
      background-size: 100% 100%;
      background-position: center;
      text-indent: 20px;
      font-family: 'pingfang';
    }
  }
</style>
