hanzhengzheng/screenFront
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
15133876896-BGG25 2023-05-22 11:45:23 +08:00
parent afedc75039
commit 9757bc4295
2 changed files with 35 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/assembly/chart2.vue
View File

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

66
src/components/borderBox/border6.vue
View File

@ -1,39 +1,35 @@
<template> <template>
<dv-border-box-13 ref="boder"> <dv-border-box-13 ref="boder">
<div class="slot"> <div class="slot">
<slot ></slot> <slot></slot>
</div> </div>
</dv-border-box-13>
</template>
</dv-border-box-13> <script setup lang="ts">
</template> import { ref, watch } from "vue";
let boder = ref();
<script setup lang="ts"> const resetWH = () => {
boder ? boder.value.initWH() : "";
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>