mall-web-ssr/components/mobile/mobileFooter.vue

<template>
<div class="mobile-footer">
  <div>
    <nuxt-link to="/provider" class="fa fa-camera-retro fa-3x"></nuxt-link>
  </div>
  <div>
    <nuxt-link to="/provider" class="fa fa-camera-retro fa-3x"></nuxt-link>
  </div>
  <div>
    <nuxt-link to="/provider" class="fa fa-camera-retro fa-3x"></nuxt-link>
  </div>
</div>
</template>
<script>

</script>
<style scoped>
  .mobile-footer{
    position:fixed;
    bottom:0;
    width:100%;
    height:60px;
    display:flex;
    text-align: center;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #ccc;
    background: #f8f8f8;
  }
  .mobile-footer div{
    flex:1;
  }
</style>