更新记录

0.3.3（2023-10-10）

修复底部样式

0.3.2（2023-10-10）

自定义tabbar 底部名称

0.3.1（2023-09-01）

增加icon，可用开发者自己选择

平台兼容性

1、增加icon图标，用户可自定义

详情参见最下面表格

API

<template>
  <view>
    <view style="padding:100px 20px;">
      <view v-if="active===1">application</view>
      <view v-if="active===2">icon-scan</view>
      <view v-if="active===3">icon-my</view>

    </view>
    <ibalbal-tabbar :active="active" @changeActiveIndex="changeActiveIndex" :config="iconConfig"></ibalbal-tabbar>

  </view>
</template>

<script>

import IbalbalTabbar from "@/components/ibalbal-tabbar/ibalbal-tabbar.vue";

export default {
  components: {IbalbalTabbar},
  data() {
    return {
      active: 1,
      iconConfig:[
        {
          icon: "icon-all-application",
          name: "应用"
        },{
          icon: "icon-scan",
          name: "扫码"
        },{
          icon: "icon-my",
          name: "我的"
        }
      ]
    }
  },
  methods: {
    changeActiveIndex(index){
      this.active = index
    }
  }
}
</script>

项目附带icon 如下