1.修改特效边框样式公共组件

src/components/assembly/chart2.vue

@@ -1,5 +1,5 @@
 <!--
- * @FilePath: \wwwd:\code\screenFront-branches\src\components\assembly\chart2.vue
+ * @FilePath: \gitscreenFront\src\components\assembly\chart2.vue
  * @Author: 王路平
  * @文件版本: V1.0.0
  * @Date: 2023-03-10 10:56:55
@@ -9,11 +9,11 @@
 -->
 <template>
   <div :style="{ width: boxWH.width, height: boxWH.height }">
-    <border3 ref="refborder6">
+    <border6 ref="refborder6">
       <template v-slot>
         <div ref="inpie" class="ddd"></div>
       </template>
-    </border3>
+    </border6>
   </div>
 </template>
 <script setup lang="ts">
@@ -27,7 +27,7 @@ import {
   ref,
 } from "vue";
 import { EDataPerson, EDataPersonItem } from "@/type/environment";
-import border3 from "@/components/borderBox/border3.vue";
+import border6 from "@/components/borderBox/border6.vue";
 const { proxy } = getCurrentInstance() as any;
 let props = defineProps<{
   title: string;

src/components/borderBox/border6.vue

@@ -1,39 +1,35 @@
-
 <template>
-    <dv-border-box-13 ref="boder">
-      <div class="slot">
-          <slot ></slot>
-      </div>
-      
-    </dv-border-box-13>
-  </template>
-  
-  <script setup lang="ts">
+  <dv-border-box-13 ref="boder">
+    <div class="slot">
+      <slot></slot>
+    </div>
+  </dv-border-box-13>
+</template>
 
-import { ref, watch } from 'vue';
-let boder=ref()
-const resetWH = ()=>{
-  boder?boder.value.initWH():''
-}
+<script setup lang="ts">
+import { ref, watch } from "vue";
+let boder = ref();
+const resetWH = () => {
+  boder ? boder.value.initWH() : "";
+};
 //暴露子组件方法
-defineExpose({ resetWH })
+defineExpose({ resetWH });
+</script>
 
-  
-  </script>
-  
-  <style module>
-   .container {
-   }
-  </style>
-  <style scoped>
-  .slot{
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      padding: 10px 10px 10px 10px;
-  }
-  .border-box-content{
-      
-  }
-  </style>
-  
+<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>