<template>
  <!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 -->
  <u-tabbar ref="uTabbar"
            :list="lists"
            :active-color="$scss.mainColor"
            inactive-color="#808b9a"
            height="100"
            :border-top="true"/>
</template>

<script>
import tabBar from '@/utils/tabbarList'
export default {
  name: 'index',
  computed: {
    lists () {
      const l = this.$u.deepClone(tabBar)
      // const m = this.vuex_isStudent ? [l[0], l[2]] : l
      return l.map(item => {
        item.pagePath = `/${item.pagePath}`
        return item
      })
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .u-tabbar__content{
  max-width: $uni-max-width;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
}
</style>
