<template>
    <div class="navigator">
        <ul class="boxsiz">
            <li :class="{'curr':(typeVal==1)}">
                <a href="/v3">
                    <i class="iconfont icon-shouye-1"></i>
                    <p>首页</p>
                </a>
            </li>
            <li :class="{'curr':(typeVal==2)}">
                <a href="/h5/view/#/product">
                    <i class="iconfont icon-ziying"></i>
                    <p>自营商城</p>
                </a>
            </li>
            <li :class="{'curr':(typeVal==3)}">
                <a href="/h5/view/#/lxshop">
                    <i class="iconfont icon-lianying"></i>
                    <p>联营商城</p>
                </a>
            </li>
            <li :class="{'curr':(typeVal==4)}">
                <a href="/h5/view/#/joincart">
                    <i class="iconfont icon-gouwuche2"></i>
                    <p>购物车</p>
                    <span class="cart boxsiz">{{cartCount>99 ?'99+': cartCount}}</span>
                </a>
            </li>
            <li :class="{'curr':(typeVal==5)}">
                <a href="/v3/user">
                    <i class="iconfont icon-huiyuanzhongxin1"></i>
                    <p>会员中心</p>
                </a>
            </li>
        </ul>
    </div>
</template>

<script>
  import {mapState} from 'vuex'

  export default {
    name: 'navigator',
    props: {
          typeVal: {
              type: Number,
              default: 1
          },
    },
    computed: mapState({
      cartCount: state => state.common.cartCount
    }),
    created() {
      this.$store.dispatch({
        type: 'cartCount'
      })
      this.$store.dispatch({
        type: 'loginCheck'
      })
    }
  }
</script>