Merge branch 'main' into project-list
All checks were successful
LocalNet_front/pipeline/head This commit looks good

This commit is contained in:
yoon 2025-03-24 15:41:26 +09:00
commit 186e8caa01
3 changed files with 25 additions and 3 deletions

View File

@ -591,25 +591,31 @@
/* Scroll Button */ /* Scroll Button */
.scroll-top-btn { .scroll-top-btn {
bottom: 20px; bottom: 40px;
right: 21.7%; right: 21.7%;
transition: transition:
opacity 0.4s ease, opacity 0.4s ease,
visibility 0.4s ease, visibility 0.4s ease,
transform 0.4s ease; transform 0.4s ease;
} }
.scroll-top-btn.visible { .scroll-top-btn.visible {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
transform: translateY(0); transform: translateY(0);
} }
.scroll-top-btn.hidden { .scroll-top-btn.hidden {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transform: translateY(10px); transform: translateY(10px);
} }
.back-btn {
bottom: 40px;
right: 21.7%;
transition: transform 0.4s ease;
}
.back-btn.shifted {
transform: translateY(-50px);
}
/* Scroll Button end */ /* Scroll Button end */

View File

@ -1,4 +1,13 @@
<template> <template>
<!-- 뒤로가기 -->
<button
@click="goBack"
:class="{ 'shifted': showButton }"
class="back-btn rounded-pill btn-icon btn-secondary position-fixed shadow z-5 border-0">
<i class='bx bx-chevron-left'></i>
</button>
<!-- 위로 -->
<button <button
@click="scrollToTop" @click="scrollToTop"
class="scroll-top-btn rounded-pill btn-icon btn-primary position-fixed shadow z-5 border-0" class="scroll-top-btn rounded-pill btn-icon btn-primary position-fixed shadow z-5 border-0"
@ -21,6 +30,11 @@ const scrollToTop = () => {
window.scrollTo({ top: 0, behavior: "smooth" }); window.scrollTo({ top: 0, behavior: "smooth" });
}; };
const goBack = () => {
window.history.back();
};
onMounted(() => { onMounted(() => {
window.addEventListener("scroll", handleScroll); window.addEventListener("scroll", handleScroll);
}); });

View File

@ -14,6 +14,7 @@
:value="computedValue" :value="computedValue"
:disabled="disabled" :disabled="disabled"
:maxLength="maxlength" :maxLength="maxlength"
:minLength="minlength"
:placeholder="title" :placeholder="title"
@blur="$emit('blur')" @blur="$emit('blur')"
/> />
@ -29,6 +30,7 @@
:value="computedValue" :value="computedValue"
:disabled="disabled" :disabled="disabled"
:maxLength="maxlength" :maxLength="maxlength"
:minLength="minlength"
:placeholder="title" :placeholder="title"
@blur="$emit('blur')" @blur="$emit('blur')"
@click="handleDateClick" @click="handleDateClick"