<template>
    <uni-nav-bar
        :title="title"
        :border="false"
        :backgroundColor="backgroundColor"
        :color="color"
        left-icon="left"
        :leftWidth="leftWidth"
        :rightWidth="rightWidth"
    >
        <template #left>
            <slot name="left"></slot>
        </template>
        <template #right>
            <slot name="right"></slot>
        </template>
    </uni-nav-bar>
</template>

<script setup>
const ps = defineProps({
    title: {
        type: String,
        default: ''
    },
    color: {
        type: String,
        default: '#1D2129'
    },
    backgroundColor: {
        type: String,
        default: '#f7f8fa'
    },
    leftWidth: {
        type: Number,
        default: 80
    },
    rightWidth: {
        type: Number,
        default: 80
    }
})
</script>
<style lang="scss" scoped></style>
