<template>
  <div class="back cursor-pointer" @click="hanldleClick">返回</div>
</template>

<script setup lang="ts" name="back">
import { useRouter } from 'vue-router'
const route = useRouter()
const hanldleClick = () => {
  route.back()
}
</script>

<style lang="less" scoped>
.back {
  width: 40px;
  height: 24px;
  position: absolute;
  text-align: center;
  border-radius: 12px;
  z-index: 999;
  border: 1px solid var(--td-gray-color-2);
  color: var(--td-font-gray-2);
  font-size: 12px;
}
</style>
