微信小程序自定义底部导航

<view class='footer'>
  <view class='footer_list' wx:for="{
  {listInfo}}" data-current="{
  {index}}" wx:key="this" bindtap="chooseImg">
    <image class="footer-image" hidden='{
  {curIdx===index}}' src="{
  {item.imgUrl}}"></image>
    <image class="footer-image" hidden='{
  {curIdx!==index}}' src="{
  {item.curUrl}}"></image>
    <view class="footer-text">{
  {item.title}}</view>
  </view>
</view>

/*自定义底部导航  */
.footer {
   height:110rpx;
width:100%;
position: fixed;
bottom:0;
left:0;
border-top:1px solid #ddd;
}
.footer_list{
width:17%;
height:100%;
text-align:center;
padding-top:8rpx;
margin-left:60rpx;