tabbar引入

<template>
 <div class="g-tabbar">
<!--因为要做路由跳转，需要router-link-->
<router-link class="g-tabbar-item" to="/home">
     <i class="iconfont icon-home"></i>
     <span>首页</span>
   </router-link>
   <router-link class="g-tabbar-item" to="/category">
     <i class="iconfont icon-category"></i>
     <span>分类页</span>
   </router-link>
   <router-link class="g-tabbar-item" to="/cart">
     <i class="iconfont icon-cart"></i>
     <span>购物车</span>
   </router-link>
   <router-link class="g-tabbar-item" to="/personal">
     <i class="iconfont icon-personal"></i>
     <span>个人中心</span>
   </router-link>
 </div>
</template>

<script>
export default {
   name: 'CTabbar'
};
</script>

<!--scoped表示局部仅适用于这个页面-->
<style lang="scss" scoped>
@import "~assets/scss/mixins";

/*router-link 标签，在选中的时候会自动给整个标签添加一个 router-link-active的class可以根据这个class 设置他的样式（只有当前选中的才有这个类）*/
.router-link-active {
   color: $link-active-color;
}

</style>

tabbar的样式在哪里引入的，为什么@import "~assets/scss/mixins";引入的是mixins而不是tabbar？