| | |
| | | <view class="c-nav-bar"> |
| | | <AtNavBar |
| | | :title="title" |
| | | leftIconType="chevron-left" |
| | | :onClickLeftIcon="evt=>goBack()" |
| | | :leftIconType="iconType" |
| | | :onClickLeftIcon="evt=>onClickIcon ? onClickIcon() : onGoBack()" |
| | | :rightFirstIconType="dropNav ? 'bullet-list' : ''" |
| | | :onClickRgIconSt="evt=>dropMenu()" |
| | | :onClickRgIconSt="evt=>onDropMenu()" |
| | | /> |
| | | <view |
| | | class="c-nav-bar-right" |
| | | v-if="!dropNav" |
| | | > |
| | | <slot /> |
| | | </view> |
| | | <view |
| | | class="c-nav-bar-drop" |
| | | v-show="dropShow" |
| | |
| | | class="c-nav-bar-drop-item item" |
| | | v-for="(nav,index) in dropNav" |
| | | :key="index" |
| | | @tap="evt=>goNav(nav)" |
| | | @tap="evt=>onGoNav(nav)" |
| | | >{{nav.title}}</view> |
| | | </view> |
| | | </view> |
| | |
| | | AtNavBar, |
| | | }, |
| | | props: { |
| | | // H5页面导航标题 |
| | | title: String, |
| | | // H5页面导航左侧图标 |
| | | iconType: { |
| | | type: String, |
| | | default: 'chevron-left', |
| | | }, |
| | | // H5页面导航左侧图点击事件 |
| | | onClickIcon: Function, |
| | | // H5页面导航右侧下拉菜单配置 |
| | | dropNav: Array, |
| | | }, |
| | | data() { |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | goBack() { |
| | | window.history.go(-1); |
| | | onGoBack() { |
| | | Taro.navigateBack(); |
| | | }, |
| | | goNav(nav) { |
| | | onGoNav(nav) { |
| | | if (!nav.url) { |
| | | return; |
| | | } |
| | |
| | | Taro.navigateTo({ url: nav.url }); |
| | | }, 0); |
| | | }, |
| | | dropMenu() { |
| | | onDropMenu() { |
| | | this.dropShow = !this.dropShow; |
| | | this.dropActive = true; |
| | | clearTimeout(this.dropTimer); |