<template>
	<view>
		<view class="es-h-88 es-pl-10 es es-ac es-bc-white">
			<view class="es-w-100 es-h-88 es es-ac">
				<view v-if="left!='none'" class="es-icon-ret-black" @tap="close"></view>
			</view>
			<view class="es-f1 es es-ac es-pc  view-title es-c-00 es-omit">{{title}}</view>
			<view class="es-w-100 es-h-88 es x-c es-ae">
				<view class="es-c-white es-fs-28 es-fw-500 " v-if="right!='none'" @tap="rightClick">{{right}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"es-nav-title-base",
		data() {
			return {
				
			};
		},
		props:[
			'title','left','right'
		],
		methods:{
			close:function(){
				uni.navigateBack({
					animationType: 'pop-out',
					animationDuration: 200
				});
			},
			rightClick(){
				
			},
		}
	}
</script>

<style>
.view-title{
	font-weight:500;
	font-family: PingFang SC;
	color:#333;
	font-weight: 500;
	font-size: 34rpx;
}
.es-icon-ret-white1{
	background-image: url("/static/images/course/ret-white.png");
	width: 18rpx;
	height: 31rpx;
	background-size: 100% 100%;
}

.es-icon-ret-black{
	background-image: url("/static/images/course/black_back.png");
	width: 54rpx;
	height: 54rpx;
	background-size: 100% 100%;
}
</style>