| | |
| | | <template> |
| | | <view |
| | | class="c-nav-custom-bar" |
| | | :style="{height:navBarHeight + 'px',paddingTop:statusBarHeight + 'px',boxSizing:'border-box'}" |
| | | :style="{height:navBarHeight + 'px',paddingTop:statusBarHeight + 'px',boxSizing:'border-box',zIndex:99}" |
| | | > |
| | | <view |
| | | class="c-nav-icon" |
| | |
| | | <view |
| | | v-if="isNeedBackIcon" |
| | | class="c-nav-back-icon" |
| | | @tap="evt => onBack()" |
| | | @tap="evt => handleBack()" |
| | | > |
| | | <AtIcon |
| | | value='chevron-left' |
| | |
| | | ></AtIcon> |
| | | </view> |
| | | </view> |
| | | <view class="c-nav-title"> |
| | | <view :class="[isNeedBackIcon ? 'c-nav-title-back' : 'c-nav-title']"> |
| | | {{ title }} |
| | | </view> |
| | | </view> |
| | |
| | | title: { |
| | | type: String, |
| | | default: '', |
| | | }, |
| | | onBack: { |
| | | type: Function, |
| | | default: () => {}, |
| | | }, |
| | | }, |
| | | computed: {}, |
| | |
| | | this.statusBarHeight = statusBarHeight; |
| | | }, |
| | | |
| | | onBack() { |
| | | Taro.navigateBack({ |
| | | delta: 1, |
| | | }); |
| | | handleBack() { |
| | | this.onBack(); |
| | | // Taro.navigateBack({ |
| | | // delta: 1, |
| | | // }); |
| | | }, |
| | | |
| | | $getStatusBarHeight() { |