<view class="weui-navigation-bar {{extClass}}">
    <view
        class="weui-navigation-bar__inner {{ios ? 'ios' : 'android'}}"
        style="color: {{color}}; background: {{background}}; {{displayStyle}}; {{innerPaddingRight}}; {{safeAreaTop}};">
        <!-- 左侧按钮 -->
        <view class="weui-navigation-bar__left" style="{{leftWidth}};">
            <block wx:if="{{back || homeButton}}">
                <!-- 返回上一页 -->
                <block wx:if="{{back}}">
                    <view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_goback">
                        <view
                            bindtap="back"
                            class="weui-navigation-bar__btn_goback_wrapper"
                            hover-class="weui-active"
                            hover-stay-time="100"
                            aria-role="button"
                            aria-label="返回">
                            <view
                                class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
                        </view>
                    </view>
                </block>
                <!-- 返回首页 -->
                <block wx:if="{{homeButton}}">
                    <view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_home">
                        <view
                            bindtap="home"
                            class="weui-navigation-bar__btn_home_wrapper"
                            hover-class="weui-active"
                            aria-role="button"
                            aria-label="首页">
                            <view
                                class="weui-navigation-bar__button weui-navigation-bar__btn_home"></view>
                        </view>
                    </view>
                </block>
            </block>
            <block wx:else>
                <slot name="left"></slot>
            </block>
        </view>

        <!-- 标题 -->
        <view class="weui-navigation-bar__center">
            <view wx:if="{{loading}}" class="weui-navigation-bar__loading" aria-role="alert">
                <view class="weui-loading" aria-role="img" aria-label="加载中"></view>
            </view>
            <block wx:if="{{title}}">
                <text>{{title}}</text>
            </block>
            <block wx:else>
                <slot name="center"></slot>
            </block>
        </view>

        <!-- 右侧留空 -->
        <view class="weui-navigation-bar__right">
            <slot name="right"></slot>
        </view>
    </view>
</view>
