代码优化
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user