hlm_pl_mall_h5/pages/home/common/CommonStoreFooter.vue

<template>
  <view class="div home-base">
    <view class='div common-footer-wrap'>
      <view fixed class="common-footer">
        <view class='item-wrap' :class="{'active':page.route=='pages/home/storedetail/Storedetail'}"><navigator :url="'/pages/home/storedetail/Storedetail?id='+store_id" class='item'><image mode="aspectFit" src="../../../static/image/tab/icon_home_pre.png" class="img image" v-if="page.route=='pages/home/storedetail/Storedetail'"><image mode="aspectFit" v-else src="../../../static/image/tab/icon_home_nor.png" class="img image" /><text class='span text'>店铺首页</text></navigator></view>
        <view class='item-wrap' :class="{'active':page.route=='pages/home/storegoodslist/Goodslist'}"><navigator :url="'/pages/home/storegoodslist/Goodslist?id='+store_id" class='item'><image mode="aspectFit" src="../../../static/image/tab/icon_allgoodf_selfshop_pre.png" class="img image" v-if="page.route=='pages/home/storegoodslist/Goodslist'"><image mode="aspectFit" v-else src="../../../static/image/tab/icon_allgoodf_selfshop_nor.png" class="img image" /><text class='span text'>全部商品</text></navigator></view>
        <view class='item-wrap' :class="{'active':page.route=='pages/home/storegoodsclass/Goodsclass'}"><navigator :url="'/pages/home/storegoodsclass/Goodsclass?id='+store_id" class='item'><image mode="aspectFit" src="../../../static/image/tab/icon_seek_pre.png" class="img image" v-if="page.route=='pages/home/storegoodsclass/Goodsclass'"><image mode="aspectFit" v-else src="../../../static/image/tab/icon_seek_nor.png" class="img image" /><text class='span text'>店内搜索</text></navigator></view>
        <view class='item-wrap' :class="{'active':page.route=='pages/member/cart/Cart'}"><navigator :url="'/pages/member/cart/Cart'" class='item'><image mode="aspectFit" src="../../../static/image/tab/icon_shopping_pre.png" class="img image" v-if="page.route=='pages/member/cart/Cart'"><image mode="aspectFit" v-else src="../../../static/image/tab/icon_shopping_nor.png" class="img image" /><text class='span text'>购物车</text></navigator></view>
        <view class='item-wrap' :class="{'active':page.route=='pages/member/index/Index'}"><navigator :url="'/pages/member/index/Index'" class='item'><image mode="aspectFit" src="../../../static/image/tab/icon_mine_pre.png" class="img image" v-if="page.route=='pages/member/index/Index'"><image mode="aspectFit" v-else src="../../../static/image/tab/icon_mine_nor.png" class="img image" /><text class='span text'>我的</text></navigator></view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'CommonStoreFooter',
  data () {
    return {
        page: '',
    }
  },
  props: ['store_id'],
  computed: {

  },
  mounted: function() {
    var pages = getCurrentPages()
      var page = pages[pages.length - 1]
      this.page = {
        route: page.route,
        options: page.options
      }
  }
}
</script>
<style lang="scss" scoped>
  .image{
    width:1rem;
    height:1rem;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:.2rem;
    margin-bottom:.2rem;
  }
</style>