weapp_bbs/components/navBar/navBar.wxml

<cover-view class="lxy-nav-bar__placeholder {{ios ? 'ios' : 'android'}}"
    style="padding-top: {{navBarHeight+ navBarExtendHeight}}px;visibility: hidden;"></cover-view>
<cover-view class="lxy-nav-bar {{extClass}}"
    style="background: {{backgroundColorTop}};height: {{navBarHeight+ navBarExtendHeight}}px;">
    <cover-view class="lxy-nav-bar__inner {{ios ? 'ios' : 'android'}}"
        style="{{navigationbarinnerStyle}}{{displayStyle}}">
        <cover-view class='lxy-nav-bar__left' style="{{navBarLeft}}">
            <cover-image wx:if="{{back&&!home}}" bindtap="back"
                src="{{iconTheme=='white' ? '../../images/navBar/back-w.png' :'../../images/navBar/back-b.png'}}"
                class="lxy-nav-bar__button lxy-nav-bar__btn_goback"></cover-image>
            <cover-view class="lxy-nav-bar_border_radius" wx:elif="{{!back&&home}}" bindtap="home">
                <cover-image
                    src="{{iconTheme=='white' ? '../../images/navBar/home-w.png' :'../../images/navBar/home-b.png'}}"
                    class="lxy-nav-bar__button lxy-nav-bar__one__home lxy-nav-bar__btn_gohome "></cover-image>
            </cover-view>
            <cover-view wx:elif="{{back&&home}}" class="lxy-nav-bar__buttons {{ios ? 'ios' : 'android'}} "
                style="background-color: {{leftBtnBgColor}};">
                <cover-image wx:if="{{back}}" bindtap="back"
                    src="{{iconTheme=='white' ? '../../images/navBar/back-w.png' :'../../images/navBar/back-b.png'}}"
                    class=" lxy-nav-bar__button lxy-nav-bar-margin-center lxy-nav-bar__btn_goback"></cover-image>
                <cover-view class="lxy-nav-bar-line" wx:if="{{back&&home}}"></cover-view>
                <cover-image wx:if="{{home }}" bindtap="home"
                    src="{{iconTheme=='white' ? '../../images/navBar/home-w.png' :'../../images/navBar/home-b.png'}}"
                    class="lxy-nav-bar__button lxy-nav-bar-margin-center lxy-nav-bar__btn_gohome"></cover-image>
            </cover-view>
            <cover-view wx:else>
                <slot name="left"></slot>
            </cover-view>
        </cover-view>
        <cover-view class='lxy-nav-bar__center'>
            <cover-view wx:if="{{title}}" class='lxy-nav-bar__center-title'>{{title}}
            </cover-view>
            <cover-view class='lxy-nav-bar-search' style="height:{{capsulePosition.height}}px;" wx:elif="{{searchBar}}"
                bindtap="search">
                <cover-view class='lxy-nav-bar-search__icon' />
                <cover-view class='lxy-nav-bar-search__input'>{{searchText}}</cover-view>
            </cover-view>
            <!-- 暂时不开发标题loading. 看后期需要 -->
            <!-- <cover-view wx:if="{{loading}}" class="lxy-nav-bar__loading">
                <cover-view class="lxy-loading" style="width:{{size.width}}rpx;height:{{size.height}}rpx;"></cover-view>
            </cover-view> -->
            <cover-view wx:else>
                <slot name="center"></slot>
            </cover-view>
        </cover-view>
        <cover-view class='lxy-nav-bar__right'>
            <slot name="right"></slot>
        </cover-view>
    </cover-view>
</cover-view>