更新记录

1.0.2（2022-06-27） 下载此版本

属性名称 with 改成width,修改说明中的错误

1.0.1（2022-06-27） 下载此版本

添加使用说明,1.0.1以后属性items的icon.with改成了icon.width

1.0.0（2022-06-26） 下载此版本

底部导航切换动画

平台兼容性

jorbin-MagicNavigationBar

使用说明：

1. 导入插件

import jorbinMagicNavigationBar from "@/uni_modules/jorbin-MagicNavigationBar/components/jorbin-MagicNavigationBar/jorbin-MagicNavigationBar.vue"//导入插件
    export default {
        components:{
            jorbinMagicNavigationBar//定义组件
        },
        data() {
            return {
                /**
                 * 构造数据
                 * 
                 */
                dataList:[
                    {
                        text:"dashbord",//导航栏选项的文字
                        icon:{
                            width:40,//导航栏选项的图片宽,1.0.0的是with，之后版本都是width
                            height:40,//导航栏选项的图片高
                            src:require("@/static/dashboard.png")//图片地址
                        }
                    },
                    {text:"store",icon:{with:40,height:40,src:require("@/static/store.png")}},
                    {text:"setting",icon:{widdth:40,height:40,src:require("@/static/setting.png")}}
                ]
            }
        },
        ...

2.在视图中引用

<view class="content">
        <!-- 需要在外层容器内使用,默认固定在页面底部-->

        <jorbin-MagicNavigationBar :items="dataList" :height="60">
        <!-- 文字以插槽方式加入，可以自定义样式进行修改 -->
            <template v-slot:text="{text}">
                {{text}}
            </template>
        </jorbin-MagicNavigationBar>
    </view>

3.属性列表