<template>
    <view class="NavigationHeader-box">
        <!-- #ifdef MP-WEIXIN -->
        <view
        :style="[titleStyle, { opacity: '100% !important' }]"
        class="top-title fixed z-index2 row-aic-n"
        style="padding-left: 6rpx;"
      >
        <view class="flexS" @click="goBack">
            <u-icon
            name="arrow-left"
            size="44"
            color=""
            ></u-icon>
        </view>
        <view class="ML30 flexG fz32 color1D1D20">
            <text class="block width45vh color111 textCenter ellipsis1">{{ title }}</text>
        </view>
      </view>
      <!-- #endif -->
      <view class="top-title bgF5 fixed z-index2 row-aic-n" :style="[titleStyle]">
        <view class="flexS" @click="goBack">
          <!-- #ifdef MP-WEIXIN -->
          <u-icon name="arrow-left" size="44"></u-icon>
          <!-- #endif -->
        </view>
        <view
        class="ML30 flexG fz32 color1D1D20">
           <text class="block width45vh color111 textCenter ellipsis1">{{ title }}</text>
        </view>
      </view>
    </view>
</template>
<script>
    export default {
        components: {},
        props:['title','titleStyle'],
        data() {
            return {
                
            }
        },
        onLoad(options){
            
        },
        created() {},
        mounted() {
            
        },
        methods: {
            goBack(){
                uni.navigateBack({
                    delta: -1
                })
            }
        }
    }
</script>
<style scoped>
@import url("@/asset/css/flex.css");
.NavigationHeader-box{
    
}
.top-title {
  line-height: 45px !important;
  padding-top: 20rpx;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  box-sizing: content-box;
  z-index: 5;
  padding-left: 6rpx;
}
</style>