<!--
 * @FilePath: \gitscreenFront\src\components\borderBox\border1.vue
 * @Author: 王路平
 * @文件版本: V1.0.0
 * @Date: 2023-01-30 13:47:15
 * @Description: 
 * 
 * 版权信息         : 2023 by ${再登软件}, All Rights Reserved.
-->
<template>
  <dv-border-box-11 :title="title" ref="boder">
    <div class="slot">
        <slot ></slot>
    </div>
    
  </dv-border-box-11>
</template>

<script setup lang="ts">
import {reactive, ref} from "vue"
defineProps<{title:string}>()
let boder=ref()
const resetWH = ()=>{
  boder?boder.value.initWH():''
}
//暴露子组件方法
defineExpose({ resetWH })
</script>

<style module>
 .container {
 }
</style>
<style scoped>
.slot{
  width: 100%;
  height: 100%;
    font-size: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 10px 10px 10px;
    box-sizing: border-box;
}
.border-box-content{
    
}
</style>
