<!--
 * @Author: xiejiang
 * @Date: 2024-12-08 09:25:35
 * @LastEditors: xiejiang
 * @LastEditTime: 2024-12-11 20:21:06
 * @Description: 
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
-->
<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;
  line-height: 24px;
  height: 24px;
  position: absolute;
  text-align: center;
  border-radius: 3px;
  z-index: 999;
  border: 1px solid var(--td-gray-color-2);
  color: var(--td-font-gray-2);
  font-size: 12px;
}
</style>
