From 1d472eb06970c85b0edfb58871956bc2c8d69916 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 25 十二月 2025 17:44:46 +0800
Subject: [PATCH] fix: 甲方小程序
---
packages/components/src/Chunk/SquareView.vue | 45 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 45 insertions(+), 0 deletions(-)
diff --git a/packages/components/src/Chunk/SquareView.vue b/packages/components/src/Chunk/SquareView.vue
new file mode 100644
index 0000000..191402e
--- /dev/null
+++ b/packages/components/src/Chunk/SquareView.vue
@@ -0,0 +1,45 @@
+<template>
+ <div class="square-view" :style="{ paddingTop: pTopRate }">
+ <div class="square-view-inner">
+ <slot></slot>
+ </div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+
+defineOptions({
+ name: 'SquareView',
+});
+
+type Props = {
+ widthPower?: number;
+ heightPower?: number;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+ widthPower: 1,
+ heightPower: 1,
+});
+
+const pTopRate = computed(() => {
+ return `${(props.heightPower / props.widthPower) * 100}%`;
+});
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.square-view {
+ position: relative;
+
+ .square-view-inner {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ }
+}
+</style>
--
Gitblit v1.10.0