wanzai_yitiji/src/components/BackButton.vue

<script setup lang="ts">
import { ChevronLeft } from "lucide-vue-next";
</script>
<template>
  <div class="cursor-pointer">
    <div
      class="btn w-24 md:w-32 h-16 flex justify-between items-center bg-[#03B3FF] bg-opacity-10 px-3 rounded-lg"
    >
      <div>
        <ChevronLeft :size="40" />
      </div>
      <div class="text">返回</div>
    </div>
  </div>
</template>

<style scoped>
.btn {
  border: 0.58px solid #038dff;
}
.text {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 42.34px;
  text-align: center;
  vertical-align: top;
}
</style>