<route lang="json5" type="page">
{
  style: {
    navigationStyle: 'custom',
  },
}
</route>
<template>
  <view class="flex flex-col h-screen">
    <view class="relative">
      <Navbar
        safeAreaInsetTop
        bg-color="transparent"
        :bordered="false"
        left-arrow
        title="查职业"
        @click-left="navigatorBack"
        content-class="justify-between"
      ></Navbar>
      <view class="custom-background h-[200rpx] w-full absolute top-0 left-0 z-[-1]"></view>
    </view>

    <view class="flex-1 pb-safe flex flex-col overflow-y-auto">
      <LeftMenu class="h-full" />
    </view>
  </view>
</template>

<script lang="ts" setup>
import Navbar from '@/pages-sub/components/navbar/Navbar.vue'
import LeftMenu from './components/LeftMenu.vue'

const navigatorBack = () => {
  uni.navigateBack()
}

const searchValue = ref('')
const handleChange = () => {}
</script>

<style lang="scss" scoped>
@import '@/pages-sub/home/styles/navbar-background.scss';
@import '@/pages-sub/home/styles/navbar-custom.scss';
</style>
