mili_mini/components/tabBar/tabBar.wxml

<view class="flex fix_nav_wp {{isFullscreen ? 'isFullscreen' : ''}}">
	<image src='https://api.zhumi.tech/MiniProgram/image/menuback.png' class="menuback"></image>
	<block wx:for="{{navList}}" wx:key="navDataId">
		<view class="nav_link" data-fn="{{item.fn}}" bindtap="gotoPage">
			<button class="defalut_btn {{item.current==0?'':'on_cor'}}">
				<!-- 未选中 -->
				<block wx:if="{{item.style==0}}">
					<view class="plus_sm">
						<image src="{{item.typea}}" class="imagesmall tabbarImg{{index}}" />
					</view>
					<text class="txt">{{item.name}}</text>
				</block>
				<!-- 选中 -->
				<block wx:elif="{{item.style==1}}">
					<view class="plus_sm">
						<image src='{{item.typec}}' class="imagesmall tabbarImg{{index}}" />
					</view>
					<text class="txt txt_fb">{{item.name}}</text>
				</block>
				<!-- tabBar中间项 -->
				<block wx:elif="{{item.style==2}}">
					<image src='https://api.zhumi.tech/MiniProgram/image/logo.png' class="ranimg" />
					<text class="txt txt_fb">{{item.name}}</text>
				</block>
			</button>
		</view>
	</block>
</view>