更新记录

1.0.0(2019-08-14) 下载此版本

1.0.0 8-14


平台兼容性

pages.json中添加tabBar `

    "tabBar": {
    "color": "#cdcdcd",
    "selectedColor": "#50B7EA",
    "borderStyle": "white",
    "list": [
        {
            "pagePath": "pages/tabBar1/tabBar1",
            "text": "样式一"
        },
        {
            "pagePath": "pages/tabBar2/tabBar2",
            "text": "样式二"
        },
        {
                "pagePath": "pages/tabBar3/tabBar3",
                "text": "样式三"
        },
        {
                "pagePath": "pages/tabBar4/tabBar4",
                "text": "样式四"
        }
    ]
}

`

在@/components/tabBar.vue 中自定义导航

`

                tabBar:[{
                    url:'tabBar1',
                    text:'样式一',
                    imgNormal:'../static/index_normal.png',
                    imgClick:'../static/index_change.png'
                },
                {
                    url:'tabBar2',
                    text:'样式二',
                    imgNormal:'../static/index_normal.png',
                    imgClick:'../static/index_change.png'
                },
                {
                    url:'tabBar3',
                    text:'样式三',
                    imgNormal:'../static/index_normal.png',
                    imgClick:'../static/index_change.png'
                },{
                    url:'tabBar4',
                    text:'样式四',
                    imgNormal:'../static/index_normal.png',
                    imgClick:'../static/index_change.png'
                }]

        `

引入 `

            <view class="container999">
                <tabBar :currentPage="currentPage"></tabBar>
            </view>

                import tabBar from '../../components/tabBar1.vue';
                export default {
                    components: {tabBar},
                    data() {
                        return {
                            currentPage:'tabBar1'
                        }
                    },
                    onLoad() {

                    },
                    methods: {
                        toTop(){
                            console.log('回到顶部逻辑')
                        }
                    }
                }`

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问