| | |
| | | <view class="c-nav-bar"> |
| | | <AtNavBar |
| | | :title="title" |
| | | leftIconType="chevron-left" |
| | | :onClickLeftIcon="evt=>onGoBack()" |
| | | :leftIconType="iconType" |
| | | :onClickLeftIcon="evt => onGoBack()" |
| | | :rightFirstIconType="dropNav ? 'bullet-list' : ''" |
| | | :onClickRgIconSt="evt=>onDropMenu()" |
| | | :onClickRgIconSt="evt => onDropMenu()" |
| | | /> |
| | | <view |
| | | class="c-nav-bar-right" |
| | | v-if="!dropNav" |
| | | > |
| | | <slot /> |
| | | </view> |
| | | <view |
| | | class="c-nav-bar-drop" |
| | | v-show="dropShow" |
| | |
| | | AtNavBar, |
| | | }, |
| | | props: { |
| | | // H5页面导航标题 |
| | | title: String, |
| | | // H5页面导航左侧图标 |
| | | iconType: { |
| | | type: String, |
| | | default: 'chevron-left', |
| | | }, |
| | | // H5页面导航左侧图点击事件 |
| | | onClickIcon: Function, |
| | | // H5页面导航右侧下拉菜单配置 |
| | | dropNav: Array, |
| | | }, |
| | | data() { |
| | |
| | | }, |
| | | methods: { |
| | | onGoBack() { |
| | | window.history.go(-1); |
| | | if (this.onClickIcon) { |
| | | const needBack = this.onClickIcon(); |
| | | // 返回 true 时继续跳回上一页 |
| | | if (needBack) { |
| | | Taro.navigateBack(); |
| | | } |
| | | } else { |
| | | Taro.navigateBack(); |
| | | } |
| | | }, |
| | | onGoNav(nav) { |
| | | if (!nav.url) { |