navigation-bar.wxml 1.3 KB

12345678910111213141516171819202122232425262728293031
  1. <view class="weui-navigation-bar {{extClass}}">
  2. <view class="weui-navigation-bar__placeholder {{ios ? 'ios' : 'android'}}" style="padding-top: {{statusBarHeight}}px;visibility: hidden;"></view>
  3. <view class="weui-navigation-bar__inner {{ios ? 'ios' : 'android'}}" style="padding-top: {{statusBarHeight}}px; color: {{color}};background: {{background}};{{displayStyle}};{{innerPaddingRight}};{{innerWidth}};">
  4. <view class='weui-navigation-bar__left' style="{{leftWidth}}">
  5. <block wx:if="{{back}}">
  6. <view class="weui-navigation-bar__buttons">
  7. <image src="{{backImg}}" bindtap="back" class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></image>
  8. </view>
  9. </block>
  10. <block wx:else>
  11. <slot name="left"></slot>
  12. </block>
  13. </view>
  14. <view class='weui-navigation-bar__center'>
  15. <view wx:if="{{loading}}" class="weui-navigation-bar__loading">
  16. <view class="weui-loading" style="width:{{size.width}}rpx;height:{{size.height}}rpx;"></view>
  17. </view>
  18. <block wx:if="{{title}}">
  19. <view>{{title}}</view>
  20. </block>
  21. <block wx:else>
  22. <slot name="center"></slot>
  23. </block>
  24. </view>
  25. <view class='weui-navigation-bar__right'>
  26. <slot name="right"></slot>
  27. </view>
  28. </view>
  29. </view>