<template>
	<view>
		<view class="head">
			<image class="image" @click="fanhui" src="../../static/fanhui.png" v-if="isfanhui=='true'"></image>
			<view class="zhanwei" v-else></view>
			<view :style="title=='无境数创'?'font-size:38rpx':''">{{title}}</view>
			<view class="zhanwei"></view>
		</view>
	</view>
</template>
 
<script>
	//中间标题为title ，如果没有则不传
	//返回按键为isfanhui，如果没有可不传或传false，否则传true
	export default {
		props: {
			title: {
				type: String
			},
			isfanhui:{
				type:String
			},
			fanhuizhuye:{
				type:String
			}
		},
		name:"head",
		data() {
			return {
				
			};
		},
		methods:{
			fanhui(){
				if(this.fanhuizhuye=='true'){
					//#ifdef MP-WEIXIN
					uni.switchTab({
						url:'../../pages/index/index'
					})
					//#endif
					//#ifndef MP-WEIXIN
					uni.navigateTo({
						url:'../../pages/index/index'
					})
					//#endif
					return
				}
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="scss" scoped>
.head{
	// position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80upx;
	padding: 10upx 20upx;
	/*  #ifndef  MP-WEIXIN  */
	margin-top:	30upx;
	/*  #endif  */
	/*  #ifdef  MP-WEIXIN  */
	margin-top:	80upx;
	/*  #endif  */
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #FFFFFF;
	font-size: 32rpx;
	font-weight: 400;
	background-color: #00000000;
	z-index: 10;
	>.image{
		width: 40upx;
		height: 40upx;
		margin-left: 10upx;
	}
	>.zhanwei{
		width: 40upx;
		height: 40upx;
		margin-right: 10upx;
		
	}
}
</style>
