mili_mini/components/tabBar/tabBar.wxml

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