pension-vue/src/components/back-button/index.vue

28 lines
613 B
Vue

<template>
<nut-drag direction="y" attract :style="{bottom:'15vh'}" class="rounded-full bg-[#fff] border-solid border-black border-[3rpx] left-[30rpx]" style="z-index: 999 !important;">
<ChevronLeft class="w-[88rpx] h-[88rpx] text-black" :stroke-width="2" @click="goBack"/>
</nut-drag>
</template>
<script lang="ts" setup>
import { ChevronLeft } from 'lucide-vue-next';
import { useRouter } from 'vue-router';
defineProps({
bottom:{
type:String,
default:""
},
top:{
type:String,
default:"8vh"
}
})
const router = useRouter()
const goBack = () => {
router.back();
}
</script>