xiaochengxu/components/MyNavbar/MyNavbar.vue

<template>
	<view class="top">
		<image class="top_banner" :src="background">
		</image>
		<u-navbar
			:title="title"
			:safeAreaInsetTop="true"
			:fixed="true"
			bgColor="#FFFFFF00"
			@leftClick="onTouchBack"
		>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		name:"MyNavbar",
		props:{
			///标题哈
			title : {
				type : String,
				default : ""
			},
			///背景哈
			background : {
				type : String,
				default : "../../static/images/kehu/bg_2.png"
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			onTouchBack(){
				uni.navigateBack({
					
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.top{
		width: 750rpx;
		height: 424rpx;
		position: relative;
	}
	.top_banner{
		position: relative;
		left: 0;
		top: 0;
		width: 750rpx;
		height: 424rpx;
	}
</style>