<template>
  <div class="home-head-box relative">
    <div class="title absolute" @click="goPath">林芝市检查站综合管理</div>
  </div>
</template>

<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
function goPath() {
  router.push("/editPassword");
}
</script>

<style lang="scss" scoped>
.home-head-box{
  width: 100%;
  height: 138px;
  background: url("~@/assets/images/home_head.png") no-repeat center center;
  .title{
    font-size: 36px;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
    font-family: 'YSBTH';
    background: linear-gradient(0deg, #59A6F4 0%,#ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
</style>