代码优化

This commit is contained in:
kron
2026-01-12 15:03:20 +08:00
parent 4771f53d71
commit a2674aae5b
5 changed files with 62 additions and 66 deletions

View File

@@ -1,6 +1,6 @@
<script setup>
import { ref, onMounted, onBeforeUnmount } from "vue";
import { getElementRect, calcRing } from "@/util";
import { getElementRect, calcRing, capsuleHeight } from "@/util";
const props = defineProps({
id: {
@@ -25,7 +25,6 @@ const rect = ref({});
const arrow = ref(null);
const isDragging = ref(false);
const dragStartPos = ref({ x: 0, y: 0 });
const capsuleHeight = ref(0);
const scale = ref(1);
const scrollTop = ref(0);
const selected = ref(null);
@@ -59,7 +58,7 @@ const onClick = async (e) => {
}
const newArrow = {
x: (e.detail.x - 6) * scale.value,
y: (e.detail.y - rect.value.top - capsuleHeight.value - 6) * scale.value,
y: (e.detail.y - rect.value.top - capsuleHeight - 6) * scale.value,
};
const side = rect.value.width;
@@ -188,8 +187,6 @@ const setEditArrow = (data) => {
};
onMounted(async () => {
const menuBtnInfo = uni.getMenuButtonBoundingClientRect();
capsuleHeight.value = menuBtnInfo.top - 9;
const result = await getElementRect(".container");
rect.value = result;
uni.$on("set-edit-arrow", setEditArrow);
@@ -423,9 +420,17 @@ onBeforeUnmount(() => {
animation: duang 0.35s ease-out;
}
@keyframes duang {
0% { transform: translate(-50%, -50%) scale(0.7); }
45% { transform: translate(-50%, -50%) scale(1.4); }
70% { transform: translate(-50%, -50%) scale(0.9); }
100% { transform: translate(-50%, -50%) scale(1); }
0% {
transform: translate(-50%, -50%) scale(0.7);
}
45% {
transform: translate(-50%, -50%) scale(1.4);
}
70% {
transform: translate(-50%, -50%) scale(0.9);
}
100% {
transform: translate(-50%, -50%) scale(1);
}
}
</style>