<script setup lang="ts">
// import { handleBack } from '../../hooks';
const props = defineProps<{
    title: string;
}>();

function handleBack() {
    uni.navigateBack({ delta: 1 });
}
</script>
<template>
    <wd-navbar
        :title="title"
        :bordered="false"
        safeAreaInsetTop
        fixed
        placeholder
        left-arrow
        :z-index="0"
        @click-left="handleBack"
    >
        <template #left>
            <image
                src="https://box-1313840333.cos.ap-guangzhou.myqcloud.com/subpackage/back.svg"
                class="back_icon"
            ></image>
        </template>
    </wd-navbar>
</template>
<style lang="scss" scoped>
.back_icon {
    width: 48rpx;
    height: 48rpx;
}
:deep(.wd-navbar) {
    .wd-navbar {
        &__left {
            padding-left: $space;
            width: 48rpx;
        }
        &__title {
            text-align: center;
        }
    }
}
</style>
