navBar.wxml 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <view class="lxy-nav-bar {{extClass}}" style="background: {{backgroundColorTop}};height: {{navBarHeight+ navBarExtendHeight}}px;">
  2. <view class="lxy-nav-bar__placeholder {{ios ? 'ios' : 'android'}}" style="padding-top: {{navBarHeight+ navBarExtendHeight}}px;visibility: hidden;"></view>
  3. <view class="lxy-nav-bar__inner {{ios ? 'ios' : 'android'}}" style="{{navigationbarinnerStyle}}{{displayStyle}}">
  4. <view class='lxy-nav-bar__left' style="{{navBarLeft}}">
  5. <block wx:if="{{back&&!home}}">
  6. <view bindtap="back" class="lxy-nav-bar__button lxy-nav-bar__btn_goback {{iconTheme}}"></view>
  7. </block>
  8. <block wx:if="{{!back&&home}}">
  9. <view bindtap="home" class="lxy-nav-bar__button lxy-nav-bar__btn_gohome {{iconTheme}}"></view>
  10. </block>
  11. <block wx:elif="{{back&&home}}">
  12. <view class="lxy-nav-bar__buttons {{ios ? 'ios' : 'android'}}" wx:if="{{home}}">
  13. <view bindtap="back" class="lxy-nav-bar__button lxy-nav-bar__btn_goback {{iconTheme}}" wx:if="{{back}}"></view>
  14. <view bindtap="home" class="lxy-nav-bar__button lxy-nav-bar__btn_gohome {{iconTheme}}"></view>
  15. </view>
  16. </block>
  17. <block wx:else>
  18. <slot name="left"></slot>
  19. </block>
  20. </view>
  21. <view class='lxy-nav-bar__center'>
  22. <block wx:if="{{title}}">
  23. <text class='lxy-nav-bar__center-title'>{{title}}</text>
  24. </block>
  25. <view class='lxy-nav-bar-search' style="height:{{capsulePosition.height}}px;" wx:elif="{{searchBar}}" bindtap="search">
  26. <view class='lxy-nav-bar-search__icon' />
  27. <view class='lxy-nav-bar-search__input'>{{searchText}}</view>
  28. </view>
  29. <!-- 暂时不开发标题loading. 看后期需要 -->
  30. <!-- <view wx:if="{{loading}}" class="lxy-nav-bar__loading">
  31. <view class="lxy-loading" style="width:{{size.width}}rpx;height:{{size.height}}rpx;"></view>
  32. </view> -->
  33. <block wx:else>
  34. <slot name="center"></slot>
  35. </block>
  36. </view>
  37. <view class='lxy-nav-bar__right'>
  38. <slot name="right"></slot>
  39. </view>
  40. </view>
  41. </view>