更新记录

1.0.1（2020-04-18） 下载此版本

新增 示例项目

平台兼容性

uni-app-component-HansTabbar

uniapp小程序自定义tabbar组件

使用方法

在script中引入组件

import hansTabber from '../../components/hans-tabbar/hans-tabbar.vue'
components:{
            hansTabber
        },
        data() {
            return {
                list: [{
                     "text": "未录入",
                     "iconPath": '../../static/enter.png' ,
                     "selectedIconPath": '../../static/enter-select.png'
                   },
                   {
                     "text": "作业互评",
                     "iconPath": '../../static/correct.png',
                     "selectedIconPath":'../../static/correct-select.png'
                     },
                     {
                       "text": "成绩分析",
                       "iconPath": '../../static/analyse.png',
                       "selectedIconPath": '../../static/analyse-select.png'
                     }],
            }
        },
        methods: {
            tabChange(index) {
                console.log(index)
            }
        }

在 template 中使用组件

<hans-tabber :list="list" style="position:fixed;bottom:0;width:100%;left:0;right:0;" @tabChange="tabChange"></hans-tabber>

属性说明

事件说明