<style lang="scss" scoped>
	.cu-navbar{
		height:calc(var(--status-bar-height) + 100rpx);
		flex-shrink: 0;
		&>.cu-bar{
			position:fixed;
			z-index: 200;
			top:0;
			left:0;
			width:100%;
			box-sizing: content-box;
			padding-top:var(--status-bar-height);
			height:100rpx;
			background-color:var(--bg);
			color:var(--c);
			&>.left{
				transform: rotate(180deg);
				padding:10rpx;
				text.plant-youbian{
					font-size:45rpx;
				}
			}
			&>.content{
				top:var(--status-bar-height);
			}
			&>.action /deep/{
				&>button{
					background:rgba(255, 255, 255, 0.1);
					width:96rpx;
					height:48rpx;
					line-height: 48rpx;
					text-align: center;
					font-size:30rpx;
					padding:0;
					color:#fff;
				}
			}
		}
	}
</style>
<template>
	<view class="cu-navbar">
		<view class="cu-bar">
			<view class="left">
				<text v-if="isBack" class="plant-youbian" @click="$u.route({type:'back'})"/>
			</view>
			<view class="content">
				{{text}}
			</view>
			<view class="action">
				<slot name="right"/>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	props:{
		isBack:{
			type:Boolean,
			default:false,
		},
		text:{
			type:String,
			default:"",
		}
	},
	created(){
		
	},
}
</script>