<view class="f-navbar data-v-22cff267"><view class="{{['data-v-22cff267',navbarType==1?'f-relative':'f-fixed']}}" style="{{$root.s0}}"><view class="bgColor data-v-22cff267" style="{{'height:'+(systemInfo.navBarH+'px')+';'+('background:'+(bgColor)+';')+('background-image:'+(gradient)+';')+('opacity:'+(navbarType==5?transparentValue:'')+';')}}"><block wx:if="{{image}}"><image style="{{'width:750rpx;'+('height:'+(systemInfo.navBarH+'px')+';')}}" src="{{image}}" mode="{{imageMode}}" class="data-v-22cff267"></image></block></view><view class="u-flex content data-v-22cff267" style="{{'height:'+(systemInfo.titleBarHeight+'px')+';'+('top:'+(systemInfo.statusBarHeight+'px')+';')}}"><block wx:if="{{navbarType!=4&&isShowLeft}}"><block class="data-v-22cff267"><block wx:if="{{navbarType==3}}"><view class="u-flex left data-v-22cff267" hover-class="left--hover" hover-start-time="150"><view class="u-flex u-home-arrow-left data-v-22cff267" style="{{'border-color:'+(isWhite?'rgba(255,255,255,.5)':'#dadbde')+';'}}"><view data-event-opts="{{[['tap',[['onBack',['$event']]]]]}}" bindtap="__e" class="data-v-22cff267"><u-icon vue-id="372edb7f-1" name="arrow-left" size="19" color="{{leftColor}}" class="data-v-22cff267" bind:__l="__l"></u-icon></view><u-line vue-id="372edb7f-2" direction="column" hairline="{{false}}" length="16" margin="0 8px" color="{{isWhite?'rgba(255,255,255,.3)':'#dadbde'}}" class="data-v-22cff267" bind:__l="__l"></u-line><view data-event-opts="{{[['tap',[['onHome',['$event']]]]]}}" bindtap="__e" class="data-v-22cff267"><u-icon vue-id="372edb7f-3" name="home" size="20" color="{{leftColor}}" class="data-v-22cff267" bind:__l="__l"></u-icon></view></view></view></block><block wx:else><view class="u-flex left data-v-22cff267" hover-class="left--hover" hover-start-time="150" data-event-opts="{{[['tap',[['leftClick',['$event']]]]]}}" bindtap="__e"><block wx:if="{{$slots.left}}"><slot name="left"></slot></block><block wx:else><view class="iconBg u-flex data-v-22cff267" style="{{'background:'+('rgba(0,0,0,'+(navbarType==5?1-transparentValue>0.4?.4:1-transparentValue:0)+')')+';'}}"><u-icon vue-id="372edb7f-4" name="{{iconLeft}}" size="16" color="{{leftColor}}" class="data-v-22cff267" bind:__l="__l"></u-icon></view><block wx:if="{{leftText}}"><text class="left__text data-v-22cff267" style="{{'color:'+(leftColor)+';'}}">{{leftText}}</text></block></block></view></block></block></block><view class="center data-v-22cff267" style="{{'width:'+(titleWidth+'rpx')+';'}}"><block wx:if="{{$slots.default}}"><slot></slot></block><block wx:else><view class="title u-line-1 data-v-22cff267" style="{{$root.s1}}">{{''+title}}</view></block></view><view data-event-opts="{{[['tap',[['rightClick',['$event']]]]]}}" class="u-flex right data-v-22cff267" bindtap="__e"><slot name="right"></slot></view></view></view><block wx:if="{{isFillHeight&&navbarType!=5&&navbarType!=1}}"><view style="{{'height:'+(systemInfo.navBarH+'px')+';'}}" class="data-v-22cff267"></view></block></view>