diff --git a/app.vue b/app.vue index 1a28c93..2a7a7c9 100644 --- a/app.vue +++ b/app.vue @@ -32,10 +32,10 @@ const handleScrollOrResize = () => { .lastScrollTop; const clientHeight = scrollPanel.value?.$el.clientHeight; if (path.value === "/") { - sProgress.value = - 1 - - range(0, 1, scrollTop / clientHeight) + - 1 - + sProgress.value = + 1 - + range(0, 1, scrollTop / clientHeight) + + 1 - Math.abs(range(-1, 1, scrollTop / clientHeight - 6)); return; } @@ -49,6 +49,18 @@ onMounted(() => { mounted.value = true; }); }); + +const qrWidth = ref(0); + +onMounted(() => { + const qrEl = document.querySelector("footer .flex:nth-child(3) svg"); + if (qrEl) { + qrEl.addEventListener("resize", () => { + qrWidth.value = qrEl.getBoundingClientRect().height; + }); + qrWidth.value = qrEl.getBoundingClientRect().height; + } +}); diff --git a/assets/icons/qrcode-3.svg b/assets/icons/qrcode-3.svg new file mode 100644 index 0000000..81b136e --- /dev/null +++ b/assets/icons/qrcode-3.svg @@ -0,0 +1,183 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file