min-project/component/headerNav/headerNav.wxml

<!--template/headerNav/index.wxml-->

<view>
    <view class="NavBar-holder" style="height:{{screen_data.totalTopHeight}}px"></view>

    <new-features></new-features>
    <!-- bgcolor 为头部组件的背景颜色， 需传值 -->
    <view class="NavBar" style="height:{{screen_data.totalTopHeight}}px;background-color: {{ bgcolor }};">
        <view class="NavBar-statusBar" style="height:{{screen_data.statusBarHeight}}px"></view>
        <view class="NavBar-titlebar" style="height:{{screen_data.titleBarHeight}}px">
            <view class="NavBar-content">

                <!-- 这个段代码从我看来是 废的 -->
                <view class='NavBar-left NavBar-left-more' style="width:{{screen_data.titleWidth}}px" wx:if="{{ isIndexPage=='isIndexPage' }}">
                    <navigator url='../search/search' class='Btn search-btn' hover-class='hover' style='top:{{ screen_data.statusBarHeight }}px'>
                        <image class='searchbtn' src="../../img/searchbtn-3.png" />
                    </navigator>
                    <navigator url='../user/user' hover-class='hover' class='Btn'>
                        <image class="NavBar-HomeIcon user" hover-class='hover' src="../../img/userblack.png"></image>
                    </navigator>
                </view>

                <view wx:if="{{ newHeadOperate }}" class="NavBar-left left-operate-box">
                    <view class="left-operate-item" bind:tap="skipTransfer" data-key="back">
                        <image class="left-operate-icon" src="https://app.gter.net/image/miniApp/offer/arrow-return.svg" mode="widthFix"></image>
                        返回
                    </view>
                    <view class="left-operate-item" bind:tap="skipTransfer" data-key="index">
                        <image class="left-operate-icon" src="https://app.gter.net/image/miniApp/offer/home-page.png" mode="widthFix"></image>
                        首页
                    </view>
                    <view wx:if="{{ showTab }}" class="left-operate-item" bind:tap="skipTransfer" data-key="{{ showTab }}">
                        <image class="left-operate-icon" src="https://app.gter.net/image/miniApp/offer/offer-top.png" mode="widthFix"></image>
                        {{ showTabObj[showTab]}}
                    </view>
                </view>
                <view wx:else class="NavBar-left NavBar-left-more">
                    <!-- 切换账号 -->
                    <view wx:if="{{ isToggleState }}" class="toggle" bindtap="toggle">
                        <image class="toggle-icon" src="https://app.gter.net/image/miniApp/offer/u122.svg"></image>
                        <text>切换账号</text>
                    </view>
                    <view class="searchBtn" wx:if="{{ searchBtnShow }}" bindtap="toSearchBtn">
                        <image class="searchBtnImg" mode="heightFix" src="https://app.gter.net/image/miniApp/project/u277.svg"></image>
                    </view>

                    <block wx:if="{{ !isIndexPage }}">
                        <view bindtap="navigategoBack" class='Btn'>
                            <image wx:if="{{ iswhitecolor }}" class="NavBar-BackIcon" src="https://app.gter.net/image/miniApp/project/back-f.svg" mode="heightFix"></image>
                            <image wx:else class="NavBar-BackIcon" src="https://app.gter.net/image/miniApp/project/Back.svg" mode="heightFix"></image>
                        </view>
                        <!-- <view bindtap="backHome" wx:if="{{ !notShowIndex && !isNewVersions }}" class='Btn'>
                            <image class="NavBar-HomeIcon backToHome" src="../../img/indexblack.png"></image>
                        </view> -->

                        <!-- 新的 -->
                        <view bindtap="backHome" wx:if="{{ !notShowIndex }}" class='Btn'>
                            <image wx:if="{{ iswhitecolor }}" class="home-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/project/home-white.png"></image>
                            <image wx:else class="home-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/project/home.png"></image>
                        </view>

                        <view class="Btn search-btn" wx:if="{{ isUser }}" bindtap="toUserPage">
                            <image wx:if="{{ user.avatar }}" class='headPortrait' src="{{ user.avatar }}" />
                            <image wx:else class='headPortrait' src="https://app.gter.net/image/miniApp/project/defaultAvatar.png" />
                        </view>

                        <navigator url='../search/search' class='Btn search-btn' hover-class='hover' wx:if="{{ haveSearch }}">
                            <image class='searchbtn' src="../../img/searchbtn-3.png" />
                        </navigator>
                    </block>

                    <!-- 消息中心 -->
                    <view wx:if="{{ isMessageCenter }}" class="message-center" bind:tap="goMessage">
                        <image wx:if="{{ iswhitecolor }}" class="message-center-icon" src="https://app.gter.net/image/miniApp/offer/message-center-c.svg" mode="widthFix"></image>
                        <image wx:else class="message-center-icon" src="https://app.gter.net/image/miniApp/offer/message-center.svg" mode="widthFix"></image>
                        <view class="red {{ messageCount <= 9 && 'circle' }}" wx:if="{{ messageCount != 0 }}">{{ messageCount }}</view>
                    </view>

                    <block wx:if="{{ isUserAlone }}">
                        <view bindtap="toUserPage" class='Btn search-btn' hover-class='none' style="padding: 0 15rpx;margin-left: 7rpx;position: relative;">
                            <image wx:if="{{ user.avatar }}" class='headPortrait' src="{{ user.avatar }}" />
                            <image wx:else class='headPortrait' src="https://app.gter.net/image/miniApp/project/defaultAvatar.png" />
                            <view class="red {{ messageCount <= 9 && 'circle' }}" wx:if="{{ messageCount != 0 }}">{{ messageCount }}</view>
                        </view>
                    </block>

                    <navigator wx:if="{{ isNeedSign }}" class="sign-btn" url="/pages/signIn/signIn" hover-class="none">签到领币</navigator>
                </view>
                <!-- <view class="NavBar-content-title" style="padding-left:{{!notShowIndex && haveSearch ? 0 :11}}px"> -->
                <view class="NavBar-content-title">
                    <slot></slot>
                </view>

                <!-- 顶部标题偏右的修改 直接复制 NavBar-left  的 view 就行 -->
                <view class="NavBar-left NavBar-left-more"></view>

            </view>
            <!-- <view class="capsule-holder"></view> -->
        </view>
    </view>

    <rent-pop popup="{{ popup }}"></rent-pop>
    <open-ad openDate="{{ openDate }}"></open-ad>
</view>