<template>
  <div class="">
    <tabBar @on-change="onIndexChange" :tabList="tabList"></tabBar>
  </div>
</template>
<script>
  import tabBar from 'components/tabBar/index'
  export default {
    components: {
      tabBar
    },
    data () {
      return {
        tabList: [
          {
            name: '首页',
            imgurl: '',
            num: '2',
            selected: false,
            link: ''
          },
          {
            name: '购物车',
            imgurl: '',
            num: '',
            selected: true,
            link: ''
          }
        ]
      }
    },
    methods: {
      onIndexChange (index) {
        console.warn(index)
      }
    }
  }
</script>