<template>
	<view class="app-container">
		<u-navbar back-text="返回" :title="title" :is-back="isBack" :is-fixed="true" :background="background"
			title-color="#fff" back-icon-color="#fff" :back-text-style="{
				color:'#fff'
			}">
			<template v-slot:right>
				<slot name="right"></slot>
			</template>


		</u-navbar>
		<slot></slot>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: '标题'
			},
			titleWidth: {
				type: String,
				default: '150px'
			},
			isBack: {
				type: Boolean,
				default: true
			},

		},
		name: "NavigationGeneral",
		data() {
			return {
				background: {
					backgroundColor: '#409eff',
				},
			};
		}
	}
</script>


<style lang="scss" scoped>
	.app-container {}

	/deep/ .u-dropdown {
		background: #fff;
	}
</style>