xiaoshi-wx/myComponents/navBar/navBar.wxml

<!--myComponents/navBar/navBar.wxml-->
<!-- 自定义顶部栏 -->


<wux-safe-area safeArea="top" wrapStyle="{{ { background: '#11c1f3'} }}" forceRender />
	<view class="uni-pages">
         <!-- 自定义背景色，支持渐变色 -->
		<view class="navigation" style="background:{{bgcolor}}">
             <!-- 自适应不同的手机机型，导航顶部留白部分 -->
			<view class="nav--bar-top" style="height:{{menuTop}}px"></view>
			<view class="nav-bar-inner">
                 <!-- 导航左边部分，是否显示操作胶囊 -->
				<view class="image-box" wx:if="{{control}}"	style=" height:{{menuHeight}}px;width:{{menuWidth - 20}}px">
          <view class="image iconfont myIconfanhui" style="font-size: 40rpx;" bind:tap="clickBack"></view>
					<view class="line"></view>
          <view class="image iconfont myIconzhuye1" bind:tap="clickHome"></view>
				</view>
				<view class="base-box" 
                     style="height:{{menuHeight}}px;width:{{menuWidth}}px" wx:else></view>
                <!-- 中间文字部分，可设置字体颜色 -->
				<view class="title" style="color:{{color}}">{{title}}</view>
                <!-- 右边部分，占据小程序系统胶囊位置 -->
				<view class="base-box" style="height:{{menuHeight}}px;width:{{menuWidth}}px"></view>
			</view>
            <!-- 设置胶囊离内容距离 -->
			<view class="nav-bar-buttom" style="height: 8px;"></view>
		</view>
	</view>