<template>
    <div class="item-container">
      <div class="box-title" >{{ prop.title }}</div>
      <div class="content">
        <slot></slot>      
      </div>
    </div>
  </template>
  
  <script setup>
  
  const prop = defineProps({
    title: {
      type: String,
      default: '标题'
    }
  })
  </script>
  
  <style lang="scss" scoped>
  .item-container {
    width: 100%;
    height: 100%;
    .box-title {
      width: 100%;
      height: 53px;
      background: url('../image/u36.png') no-repeat;
      background-size: 100% 100%;
      box-sizing: border-box;
      padding-left: 32px;
      font-size: 20px;
      line-height: 53px;
      text-align: center;
      color: #fff;
    }
    .content {
      width: 100%;
      height: calc(100% - 53px);
    }
  }
  </style>
  