ssj_book/templates/footer/footer.wxml

<!--templates/footer/footer.wxml-->
<template name="footer">
  <cover-view class="footer-container" style='padding-bottom:{{isIphoneX?"68rpx":0}}'>
    <cover-view class="footer-wrapper">
      <cover-view class="footer-items">
        <cover-view class="footer-item" wx:for="{{list}}" wx:key="index" data-url="{{item.url}}" data-zindex='{{item.zindex}}' bindtap="redirectTo">
          <cover-image class="footer-item-image {{actIndex == index ? 'footer-item-image-active' : ''}}" wx:if="{{item.icon || item.actIcon}}" src="{{actIndex == index ? item.actIcon : item.icon}}" style='display:inline-block'></cover-image>
          <cover-view class="footer-item-text {{actIndex == index ? 'footer-item-text-active' : ''}}">{{item.text}}</cover-view>
        </cover-view>
      </cover-view>
    </cover-view>
  </cover-view>
</template>