<template>
	<view class="lienHeader" :style="[titleStyle]">
        <view class="lienHeaderBox">
            <view class="lienHeader-left">
                <view class="lienHeader-left-icon" @click="goBack">
					<u-icon name="arrow-left" size="38" :color="type==1?'#000':'#000'"></u-icon>
                </view>
            </view>
            <!-- <view class="lienHeader-title" :style="{'color':type==1?'#FFF':'#000'}">
                <slot>{{title}}</slot>
            </view> -->
        </view>
    </view>
</template>
<script>
export default {
    props:['title','type'],   
    data() {
        return {
			titleStyle:{}
        }
    },
    mounted() {
		const that = this
        uni.getSystemInfo({
          success(res) {
            that.titleStyle = {
              paddingTop: `${res.statusBarHeight}px`
            };
          },
        });
    },
    methods:{
        goBack(){
			uni.navigateBack({delta:-1})
        }
    }
}
</script>
<style>
.lienHeader-title{
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 32rpx;
}
.lienHeader-left{
    /* position: absolute;
    left: 32rpx;
    top: 83rpx;
    z-index: 3; */
}
.lienHeaderBox{
    width: 100%;
    height: 88rpx;
    padding: 0 32rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.lienHeader{
    padding-top: 48rpx;
}
</style>