<!--
 * @FilePath: \screenFront\src\components\borderBox\border3.vue
 * @Author: 王路平
 * @文件版本: V1.0.0
 * @Date: 2023-01-31 15:03:08
 * @Description: 
 * 
 * 版权信息         : 2023 by ${再登软件}, All Rights Reserved.
-->
<template>
    <dv-border-box-8 ref="boder">
      <div class="slot">
          <slot ></slot>
      </div>
      
    </dv-border-box-8>
  </template>
  
  <script setup lang="ts">

import { ref, watch } from 'vue';
let boder=ref()
const resetWH = ()=>{
  boder?boder.value.initWH():''
}
//暴露子组件方法
defineExpose({ resetWH })

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