<template>
	<custom-navigation-bar class="bar">
		<view>
				<uv-row>
					<uv-col span="2">
						<slot name="left">
						</slot>
					</uv-col>
					<uv-col span="8">
					</uv-col>
					<uv-col span="2">
						<slot name="right"></slot>
					</uv-col>
				</uv-row> 
		</view>
	</custom-navigation-bar>
</template>

<script>
	export default {
		name:"c_navbar",
		props:{
			title:{
				
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	.bar{
		height: 2rem;
		background-color: #648EB8;
		color: #fff;
		width: 100px;
		padding: 0.2em;
	}
</style>