book-hi/components/navbar/navbar.vue

<template>
	<u-navbar
		:back-icon-name="backIconName"
		:title="title"
		:custom-back="backFunction"
		:back-icon-color="backIconColor"
		:title-color="titleColor"
		:title-size="titleSize"
		:is-back="isback"
		:back-icon-size="36"
		:border-bottom="false"
		:background="{background: background}"
	></u-navbar>
</template>

<script>
export default {
	name: 'navbar',
	props: {
		// 返回图标名称
		backIconName: {
			type: String,
			default: 'arrow-left'
		},
		titleSize: {
			type: Number,
			default: 32
		},
		// 标题
		title: {
			type: String,
			default: ''
		},
		titleColor: {
			type: String,
			default: '$appTheme.appThemeTextBlackColor'
		},
		backIconColor: {
			type: String,
			default: '$appTheme.appThemeTextBlackColor'
		},
		// 自定义返回
		backFunction: {
			type: Function,
			default: null
		},
		isback:{
			type: Boolean,
			default: true
		},
		background: {
			type: String,
			default: 'transparent'
		}
	}
};
</script>

<style></style>